CSS是前端開發中重要的技術之一，它可以美化和優化網頁的呈現效果。今天我們來討論一下如何用CSS實現三條橫線。

/* 在CSS中使用偽元素before和after來實現橫線效果 */
.line {
position: relative; 
height: 20px; 
text-align: center;
}
.line:before, .line:after {
position: absolute; 
top: 50%; 
content: ""; 
height: 1px; 
width: 50%; 
background-color: black;
}
.line:before {
left: 0;
}
.line:after {
right: 0;
}

以上代碼實現了在一個包裹元素中添加兩個偽元素，它們分別位于包裹元素左右兩側，高度為1px，寬度為50%，背景色為黑色。使用這個CSS屬性即可輕松地實現三條橫線。

在實際開發中，也可以通過其他的CSS技術來實現類似的效果。例如使用CSS border屬性和CSS padding屬性，可以便捷的實現橫線效果。這里就不進行詳細介紹了。

以上就是使用CSS實現三條橫線的簡介文章，希望對大家有所幫助！