如何讓這個形狀爲標題？

-2

我想爲標題製作這個形狀。如何讓這個形狀爲標題？

我應該使用什麼HTML和CSS來製作這種形狀？

來源

2017-11-11 Kate Park

嘗試邊框左右。還有一個搜索會給你一個答案。也顯示一點努力是你已經做了什麼，所以有人可以幫助你解決代碼中的問題 – Syfer

可能的重複[如何設置一邊的CSS邊框？]（https://stackoverflow.com/questions/ 15405307 /我怎麼能設置一個css邊界在一邊只） –

-1

你可以做到這一點使用border屬性（border-left & border-bottom），如：

.title { 
 
    border-left: 5px solid #444; 
 
    border-bottom: 1px solid #444; 
 
    padding-left: 15px; 
 
    line-height: 1.4; 
 
}

<h1 class="title">This is a title</h1>

希望這有助於！

來源

2017-11-11 06:20:29

它的工作！非常感謝你！ –

它是我的榮幸@KatePark –

爲了創建一個你想要的形狀，你可以使用任何html標籤（在我的情況下我使用h1標籤）。
我給了我的標籤一個類.title，你可以給任何。對於這個課程，我只分配了基本的和必需的屬性來實現你所要求的東西，你可以根據你的需要給出任何一組屬性。
下面我附上一個片段，請通過。

.title { 
 
    padding-top: 5px; 
 
    padding-bottom: 5px; 
 
    padding-left: 20px; 
 
    border-width: 0 0 1px 5px; 
 
    border-style: solid; 
 
    border-bottom-color: #ababab; 
 
    border-left-color: #000; 
 
}

<h1 class="title">This is my title</h1>

來源

2017-11-11 06:37:22 Ddmteetu

@SauravRastogi，我之前沒有看到您的帖子，因爲我正在寫我的。談論這種差異並不多，它只是使用屬性的方式。你分別使用了'border-left'和'border-bottom'，我用'border-width'，'border-style'和'border-color'來實現。 – Ddmteetu

如何讓這個形狀爲標題？

回答

相關問題