回答
你可以做到這一點使用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>
希望這有助於!
它的工作!非常感謝你! –
它是我的榮幸@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>
@SauravRastogi,我之前沒有看到您的帖子,因爲我正在寫我的。談論這種差異並不多,它只是使用屬性的方式。你分別使用了'border-left'和'border-bottom',我用'border-width','border-style'和'border-color'來實現。 – Ddmteetu
- 1. 如何讓這樣的形狀?
- 2. 如何讓這個形狀奇特的幻燈片工作?
- 3. 如何讓這個矩形變慢?
- 4. 如何用css製作這個形狀?
- 5. 如何繪製這個CSS3形狀?
- 6. 如何解決這個標題爲流?
- 7. 我如何使這個形狀爲一個助推器div?
- 8. WPF路徑形狀標題
- 9. 如何讓形狀創建一個圓形?
- 10. iphone,如何讓這個標籤?
- 11. 標題前的CSS形狀(方形)
- 12. 如何讓這個標題圖像正確縮放?
- 13. 如何讓標題在這個codepen中單獨工作
- 14. 如何讓形狀移動到鼠標位置並消失?
- 15. 如何讓putty相應地更改其光標形狀?
- 16. 如何讓鼠標在畫布上形狀
- 17. 如何用css製作這個圓形的形狀
- 18. 這個dllImport標籤將如何形成?
- 19. 如何形成這個REST請求作爲標題,基本的認證
- 20. 如何將奇數形狀的圖標變爲「圓形」?
- 21. 如何創建這種形狀drawble
- 22. 爲什麼這個標題圖形不會更新世界
- 23. 如何看待一個形狀作爲一個圖形2D
- 24. 如何讓形狀在特定位置自動移動,座標座標
- 25. 如何使這個多邊形渲染爲一個完整的形狀而不是新月形?
- 26. 如何更改整個畫布的鼠標光標形狀?
- 27. 如何讓gradle這個
- 28. 如何讓這個類
- 29. 如何讓這個粘腳?
- 30. 如何讓線條或路徑在形狀移動時跟隨形狀
嘗試邊框左右。還有一個搜索會給你一個答案。也顯示一點努力是你已經做了什麼,所以有人可以幫助你解決代碼中的問題 – Syfer
可能的重複[如何設置一邊的CSS邊框?](https://stackoverflow.com/questions/ 15405307 /我怎麼能設置一個css邊界在一邊只) –