CSS是一種用于樣式化HTML和其他文檔的語言，它可以通過選擇器來改變文檔的樣式和布局。在HTML中，我們經常需要在頁面上添加一些間隔線，特別是當我們需要將一些內容分割為多個部分時。這時，我們可以使用CSS來實現這種效果。

/*在這里，我們使用CSS選擇器來選中需要添加豎線的元素，使用border-left來添加豎線，使用margin-left來控制豎線與元素之間的距離。*/
.separator {
border-left: 1px solid #ccc;
margin-left: 10px;
}

在上面的代碼中，我們創建了一個名為.separator的樣式類，它將為我們創建豎線。該選擇器選中了需要添加豎線的元素并為其添加了border-left樣式屬性。我們設置樣式屬性值為1像素寬，實心顏色為#ccc（表示灰色，你可以改變這個值來改變顏色），以創建一個豎線。我們同時也設置了margin-left屬性來控制豎線離元素的距離。

因為我們使用了CSS的樣式類，我們可以將該樣式類應用于多個元素，以便在一個頁面上實現多條豎線的效果。下面是一個示例的HTML代碼，它演示了如何使用.separator樣式類來創建兩條豎線：

<div class="container">
<div class="item">Item 1</div>
<div class="separator"></div>
<div class="item">Item 2</div>
<div class="separator"></div>
<div class="item">Item 3</div>
</div>

在上面的代碼中，我們將創建三個項目（使用class="item"），并在它們之間添加兩條豎線，通過添加class="separator"來實現。

通過這種方法，我們可以輕松地在HTML中創建垂直間隔線，以分割文檔的不同部分。這種效果看起來很簡單，但它實際上使用了CSS中很常見的技巧。