對于網頁設計來說，造型簡潔而美觀是必不可少的元素。有時候我們需要在頁面上加入一條橫線來分隔內容，比如文章標題和正文之間、不同部分之間等等，這時候用CSS來實現就非常方便。

實現方法如下：

.my-line {
border-top: 1px solid #ccc;
margin-top: 10px;
margin-bottom: 10px;
}

解釋一下上面的代碼：

• .my-line：. 是CSS中的類選擇器，表示這個樣式適用于所有class為 my-line 的元素。
• border-top：表示邊框上部是實線，粗細為1px。
• margin-top和margin-bottom：添加上下外邊距，讓線條與其他元素之間產生一定的間隔。
• #ccc：是顏色值，可以自己調整成你需要的顏色。

使用時在HTML文件中加入下面的代碼：

<div class="my-line"></div>

這樣就可以在頁面上產生一條橫線了。

總的來說，CSS給予我們實現各種圖形效果的能力，唯有不斷的實踐，才能更好的掌握這些技巧。