CSS中我們可以通過border屬性來設置豎線，以下是一些實例：

/* 1像素實線 */
.border {
border-left: 1px solid #000;
}
/* 2像素虛線 */
.border {
border-left: 2px dashed #000;
}
/* 3像素點線 */
.border {
border-left: 3px dotted #000;
}

除此之外，我們還可以使用偽元素::after來實現豎線的效果：

.border::after {
content: '';
display: block;
width: 1px;
height: 100px;
background-color: #000;
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
}

在上面的代碼中，我們通過設置content屬性為空字符串，使得偽元素::after能夠被創建。我們將它的寬度設置為1像素，高度設置為100像素，這樣就可以產生一個豎線的效果。接著我們將它的position屬性設置為absolute，使得它可以相對于其父元素進行定位。然后我們設置top和left屬性，讓它在父元素的中間位置。最后使用transform屬性將豎線居中顯示。