在CSS中添加豎線的方法有不少種，下面介紹一些方法：

/* 1. 使用偽元素before或after */ 
div::before {
content: '|';
padding-right: 5px; /* 可以自定義豎線之間的距離 */
}
/* 在div元素前添加一條豎線 */
/* 2. 使用background-image */ 
div {
background-image: linear-gradient(to bottom, transparent 50%, #000 50%);
background-size: 1px 100%; /* 確保豎線只有1像素寬，高度填滿整個元素 */
background-repeat: no-repeat;
background-position: left center; /* 設置豎線在左邊居中 */
}
/* 在div元素的左邊添加一條豎線 */
/* 3. 使用border-left */ 
div {
border-left: 1px solid black;
margin-left: 5px; /* 可以自定義豎線之間的距離 */
}
/* 在div元素的左側添加一條豎線 */

以上是幾種比較常用的添加豎線的方法，可以根據具體場景選擇使用哪種方法。