如何在CSS中创建和样式化垂直分割线（竖线）？

在CSS中，你可以通过伪元素`:before`和`:after`以及边框属性来创建和样式化垂直分割线。以下是一个简单的例子：

.vertical-line {
  position: relative; /* 确保元素定位 */
  height: 50px; /* 设置行高 */
}

.vertical-line::before {
  content: ""; /* 创建伪元素 */
  position: absolute;
  top: 50%; /* 将伪元素放在元素中央 */
  left: -1px; /* 横向偏移1像素创建线条 */
  transform: translateY(-50%); /* 把顶部对齐到元素中心 */
  border-top: 1px solid black; /* 宽度、颜色自定，这里是1像素实线 */
}

/* 如果需要右侧也有同样的线 */
.vertical-line::after {
  right: -1px;
  border-bottom: 1px solid black;
}

在这个示例中，`.vertical-line` 是你需要分隔的元素，`:before` 和 `:after` 分别创建了左右两侧的垂直线。