CSS是一種用于網頁設計的樣式表語言。當我們需要在網頁上添加一條豎直的水平線時，就可以使用CSS來實現。下面我們將介紹如何使用CSS來創建一條豎直的水平線。

hr {
height: 1px;
border: none;
border-top: 1px solid black;
}

代碼中，我們定義了一個名為hr的CSS選擇器，它表示水平線。其中，height屬性用于設置水平線的高度，這里設置為1像素；border屬性用于設置水平線的邊框，這里設置為none；border-top屬性用于設置水平線的上邊框，這里設置為1像素的實線，顏色為黑色。

在使用水平線時，可以直接在HTML文件中使用hr標簽，也可以在CSS中使用:before或:after偽元素來創建水平線。例如：

.line:before {
content: "";
display: block;
width: 1px;
height: 100%;
background-color: black;
margin-right: 10px;
}

代碼中，我們定義了一個名為line的CSS選擇器。通過:before偽元素，我們創建了一個內容為空的塊級元素，該元素的高度設置為100%，寬度為1像素，背景色為黑色，即創建了一條豎直的水平線。同時，我們還通過margin-right屬性為水平線添加了一些右側的間距。