在CSS中，劃豎線是一種非常常見的樣式效果。豎線的應用場景很多，比如分割線、帶標簽頁等。那么，在CSS中應該怎么劃豎線呢？下面來一起看看。 我們可以使用CSS的border屬性來添加豎線。例如，如果我們需要在一個盒子中添加一條豎線，可以使用以下代碼：

div {
border-left: 1px solid black;
}

這樣，就在div元素的左側添加了一條寬度為1像素、顏色為黑色的豎線。 如果想要添加一條豎線作為分割線，可以在HTML中添加一個空的元素，然后使用border屬性劃分豎線。例如：

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

這里的height設置為100%，是為了讓豎線的高度與父元素一致，從而做到完美分割。 另外，在實際應用中，我們還可以通過偽元素（::before或者::after）來添加豎線。例如：

div::before {
content: '';
display: inline-block;
width: 1px;
height: 100%;
background-color: black;
margin-right: 10px;
}

這里通過::before添加了一個寬度為1像素、高度為100%、背景色為黑色的偽元素，來模擬出一條豎線的效果。需要注意的是，display屬性必須是inline-block或block，才能讓偽元素正確顯示。 總結一下，使用CSS劃豎線，可以通過border屬性、空元素和偽元素等方法來實現。這些方法各有特點，可以根據具體的需求來選擇使用。