HTML中的垂直分割线，也叫做竖线，可以通过CSS来设置。可以使用伪元素和border属性来实现垂直分割线。下面我们来具体了解一下。 首先，在CSS中，可以为一个元素设置伪元素before或after，然后对伪元素进行样式设置。使用伪元素before创建一个竖线，通过对竖线设置背景色和宽度来实现分割线的效果。代码如下： ``` ``` 以上是一段CSS样式代码，要想体验效果还需要HTML标签。我们新建一个div标签，并且为其设置class为`divider`。这里设置了div的位置为相对定位，因为要后面用到absolute的绝对定位。然后再在div内部创建一个p标签，用来放置文本。 ``` ``` 将这两段代码结合起来，并保存到一个.html文件中，使用浏览器打开，效果如下： 这是一段文字，左右各有一条竖线 接着，我们可以通过为伪元素设置border属性来实现垂直分割线。代码如下： ``` ``` 以上是一段CSS样式代码，要想体验效果还需要HTML标签。我们同样新建一个div标签，并且为其设置class为`divider`。在div内部创建一个p标签，用来放置文本。 ``` ``` 将这两段代码结合起来，并保存到一个.html文件中，使用浏览器打开，效果如下： 这是一段文字，左右各有一条竖线 以上是关于HTML设置垂直分割线的两种方法，分别使用了伪元素和border属性。可以根据实际需求选择合适的方法。