在CSS中，我們可以使用border屬性來添加一條豎直直線，具體步驟如下：

1、創(chuàng)建一個HTML元素，例如一個div，并給它一個類名或者ID。

2、在CSS中，對這個元素應(yīng)用border屬性，并設(shè)置其值為vertical，對于類名為.vertical-line的元素，我們可以這樣寫：

.vertical-line {
    border-left: 1px solid #000; /* 添加一條豎直的直線 */
    height: 100%; /* 讓這條直線占據(jù)整個元素的高度 */
    position: absolute; /* 將這條直線固定在左側(cè) */
}

3、將這個CSS樣式應(yīng)用到HTML元素上，我們可以這樣應(yīng)用樣式：

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

這樣，我們就可以在HTML頁面中添加一條豎直的直線了，如果需要調(diào)整直線的顏色、粗細(xì)等樣式，可以在CSS中修改相應(yīng)的屬性。