如何在我的網站上製作快速邊界線？

Question

我想製作一個橫跨網頁寬度的細線邊框。我現在正在做的方式是在<div>元素中放置一個<p>標籤，因爲我的<div>中沒有任何東西顯示出來，並且使文本與背景顏色相同。

但是有沒有一種更有效的方法來製作線邊框，而不必在我的<div>元素中放置<p>標籤？

HTML：

<div class="lineborder"> 
    <p>line</p> 
</div> 

CSS：

.lineborder { 
    background-color: #4f5054; 
} 

.lineborder p{ 
    color: #4f5054; 
} 

Answer 1

使用hr標籤。它將貫穿網頁。

然後你就可以風格它像這樣：

hr { 
    background: red; 
    border: 1px solid pink; 
    height: 10px; 
    /* More styles */ 
}