在網站設計中，經常需要使用豎線來美化網頁布局，CSS中偽類選擇器可以很好地實現這一功能，下面我們就來看一下如何使用CSS偽類添加豎線。

/* 通過after偽類添加豎線 */
.line::after {
content: '|';
margin-left: 10px;
margin-right: 10px;
}
/* 通過before偽類添加豎線 */
.line::before {
content: '|';
margin-left: 10px;
margin-right: 10px;
}

通過上述代碼，我們可以看到通過after偽類和before偽類都可以實現豎線的添加，關鍵在于content屬性的設置，這里設置為“|”，即豎線的ASCII碼。

需要注意的是，豎線的顏色和大小可以通過CSS的其他屬性進行調整，比如在line-height屬性中設置豎線高度，color屬性設置顏色，font-size屬性設置大小等。

總之，CSS偽類是網站設計中非常實用的功能，通過合理使用偽類選擇器可以實現多種效果，包括豎線的添加。