在网站设计中，经常需要使用竖线来美化网页布局，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伪类是网站设计中非常实用的功能，通过合理使用伪类选择器可以实现多种效果，包括竖线的添加。