CSS分隔線是一種在網頁設計中常用的技巧，它可以讓頁面更加美觀并且提升用戶的使用體驗。下面我們將介紹如何使用CSS分隔線。

.hr {
display: block;
height: 1px;
border: 0;
border-top: 1px solid #ccc;
margin: 1em 0;
padding: 0;
}

如上所示，我們創建了一個名為“hr”的類名，接著在對應的代碼塊中進行了樣式的定義。這個代碼塊可以在任何位置使用，通過添加這個類名就可以添加橫線。

下面我們看到這段代碼的詳細注解：

• display: block;將元素的顯示方式設置為塊級元素。
• height: 1px;設置元素的高度為1像素。
• border: 0;取消元素自帶的邊框。
• border-top: 1px solid #ccc;為元素的頂部添加一條1像素粗的實線，并將顏色設置為#ccc。
• margin: 1em 0;設置元素的上下邊距為1個字號。
• padding: 0;取消元素的內邊距。

上述代碼實現了簡單的分隔線，在不同的應用場景中也可以進行修改，例如改變顏色、寬度等。

此外，我們還可以通過:before和:after偽元素實現更多樣的分隔線效果，這里就不再進行贅述了。