css中怎么添加垂直线

在网页设计中，添加垂直线是一个比较常见的需求。CSS中可以使用伪元素来实现垂直线的添加。
首先，需要在需要添加垂直线的容器元素上添加一个类或id，例如下面的HTML代码：

<div class="wrapper"><br>
  <div class="content"><br>
    <p>这是一段文本</p><br>
    <p>这是另一段文本</p><br>
  </div><br>
</div><br> 

接下来，在CSS中添加下列代码：

.wrapper {<br>
  position: relative; /* 设置相对定位 */<br>
}<br>

.wrapper::before {<br>
  content: ""; /* 必须设置 */<br>
  position: absolute; /* 设置绝对定位 */<br>
  top: 0;<br>
  left: 50%; /* 设置在容器的中间位置 */<br>
  width: 1px; /* 设置线的宽度 */<br>
  height: 100%; /* 设置线的高度 */<br>
  background-color: #000; /* 设置线的颜色 */<br>
  transform: translateX(-50%); /* 以线的中心点为旋转中心，沿着x轴平移50%的线宽度 */<br>
}

这样就可以在容器元素的中间位置添加一条垂直线了。需要注意的是，为了让伪元素生效，必须给容器元素设置相对定位。
可以根据实际需求来修改伪元素的样式，例如改变线的颜色、宽度或者添加动画效果。
总之，通过CSS中的伪元素，添加一条美观的垂直线并不难，只需要结合实际需要来调整样式即可。