在網頁設計中，經常會需要用到分隔線來區分不同的內容，而豎直的分隔線則可以有效地將頁面分成多列，是非常常用的一個設計元素。下面我們就來學習用 CSS 來寫一條豎分隔線。

.vertical-line {
border-left: 1px solid black;
height: 100px;
}

以上是一段簡單的 CSS 代碼。我們定義了一個 class 名稱為 “vertical-line”，并設置了該元素的左邊框為 1 像素的實線，并且高度為 100 像素。

在頁面中使用這個 class 很簡單，只需要將這個 class 加入到一個空 div 中，并將該 div 放置在所需的位置即可。

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

以上就是創建一條豎分隔線的方法，通過 CSS 的定義和標簽的設置，我們可以輕松地實現自己所需的分隔線樣式，讓網頁和用戶更加友好和易懂。