CSS中的伪类是一种非常强大的工具，它们可以帮助我们实现一些非常有趣的效果。比如说，我们可以使用伪类来写出一个竖线效果。下面，我将介绍一些关于CSS伪类写竖线的方法。
首先，我们可以使用:before伪类来实现这个效果。具体代码如下所示：
```
p:before {
content: '|';
margin-right: 5px;
}
```
上面的代码中，我们使用了:before伪类来添加一个竖线的内容。同时，我们给内容添加了一个5像素的右边距，以便和文本之间有一定的间隔。
接着，我们可以使用:after伪类来实现相同的效果。具体代码如下：
```
p:after {
content: '|';
margin-left: 5px;
}
```
与:before不同的是，我们在这里使用了:after伪类，并给内容添加了一个左边距。这样，竖线就会显示在文本的右侧。
最后，我们可以将两个伪类一起使用，来实现一个完整的竖线效果。具体代码如下：
```
p:before {
content: '|';
margin-right: 5px;
}
p:after {
content: '|';
margin-left: 5px;
}
```
在这里，我们同时使用了:before和:after伪类，来在文本的左侧和右侧都添加一个竖线。
总之，CSS的伪类可以帮助我们实现一些非常有趣的效果。使用:before、:after或者将它们组合起来，都能够帮助我们实现一个简单的竖线效果。如果你感兴趣的话，可以试试在自己的网页上实现这个效果！