在CSS中，我們可以使用偽元素和CSS樣式來創(chuàng)建一個(gè)垂直線，以下是一個(gè)簡單的示例，說明如何在頁面中間添加一條豎線：

1、在HTML中創(chuàng)建一個(gè)div元素，這將作為豎線的容器：

<div id="vertical-line-container">
    <div id="vertical-line"></div>
</div>

2、在CSS中設(shè)置樣式，我們將使用偽元素來創(chuàng)建豎線：

#vertical-line-container {
    position: relative;
    height: 100vh; /* 垂直高度為視口的100% */
    width: 100vw; /* 垂直寬度為視口的100% */
    display: flex; /* 使用flex布局使豎線居中 */
    align-items: center; /* 豎線在垂直方向上居中 */
    justify-content: center; /* 豎線在水平方向上居中 */
}
#vertical-line {
    position: absolute;
    height: 1px; /* 豎線的高度 */
    width: 100%; /* 豎線的寬度 */
    background-color: #000; /* 豎線的顏色 */
}

在這個(gè)示例中，我們首先創(chuàng)建了一個(gè)包含偽元素的div容器，我們使用CSS樣式來設(shè)置容器的位置、高度、寬度和布局，以便豎線可以在頁面中間居中顯示，我們?cè)O(shè)置偽元素的高度、寬度和背景顏色，以創(chuàng)建一條垂直線。