本文目錄導(dǎo)讀：

1. 使用border屬性
2. 使用偽元素

兩個CSS怎么加豎線

在CSS中，我們可以使用多種方法來添加豎線，這里我們介紹兩種常見的方法：使用border屬性和使用偽元素。

使用border屬性

我們可以利用CSS的border屬性來添加豎線，如果我們想要在一個div元素的左側(cè)添加一條豎線，可以這樣做：

div {
    border-left: 1px solid #000;
}

上述代碼會在div元素的左側(cè)添加一條寬度為1像素、顏色為#000的豎線。

使用偽元素

另一種方法是使用CSS的偽元素，我們可以利用::before或::after偽元素來添加豎線，如果我們想要在一個div元素的左側(cè)添加一條豎線，可以這樣做：

div::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 1px;
    background-color: #000;
}

上述代碼會在div元素的左側(cè)添加一條寬度為1像素、顏色為#000的豎線，這種方法的好處是我們可以控制豎線的位置和大小，而且不會影響到其他元素。

這兩種方法都可以用來添加豎線，具體使用哪種方法可以根據(jù)實際需求來決定。