間隔線是頁面中常用的裝飾元素之一，它可以通過 CSS 實現。下面就讓我們學習一下如何使用 CSS 創建間隔線。

/* 定義間隔線 */ 
.separator { 
border-top: 1px dotted #ccc; 
margin: 10px 0; 
padding-top: 10px; 
}

上述代碼中，我們定義名為“separator”的類，這是創建間隔線的一種常用方法。類選擇器使用“.”來定義，后面跟上類名“separator”。

我們在類“separator”中設置了一個帶點的虛線作為間隔線的邊框，顏色為灰色（#ccc）。另外，我們還設置了 10px 的上下邊距和 10px 的上部內邊距，以確保內容與間隔線之間的空白區域不會太小。

下面是如何在 HTML 中使用這個類來創建一個間隔線：

<div class="separator"></div>

我們簡單地創建了一個空的 div 元素，并為其添加了類“separator”。這行代碼會將頁面上的一個間隔線放在這里，并且它會與旁邊的元素分開。

總的來說，CSS 使創建間隔線變得非常簡單，只需幾行代碼即可實現。它還允許我們定義間隔線的樣式，邊距和內邊距，從而為頁面添加美觀且實用的裝飾效果。