CSS中的橫線是一種非常重要的樣式元素，可以用來裝飾文本、分隔不同部分的內容。在CSS中，我們可以用多種方式來創建橫線，下面就簡單介紹一下。

/* border-bottom屬性 */
p {
border-bottom: 1px solid #000;
}
/* 實現下劃線效果 */
/* text-decoration屬性 */
p {
text-decoration: underline;
}
/* hr標簽 */
/* ::after偽元素 */
p::after {
content: "";
display: block;
height: 1px;
background-color: #000;
margin-top: 10px;
}
/* ::before偽元素 */
p::before {
content: "";
display: block;
height: 1px;
background-color: #000;
margin-bottom: 10px;
}

以上就是CSS中實現橫線效果的幾種方法，其中每一種方法都有其獨特的特點，可以根據不同的場合選擇使用。在實際開發中，我們經常會用到這些方法來美化頁面，可以讓頁面更加美觀、大氣。