css 画一个竖线

CSS 可以很方便地为网页中的元素添加样式，包括添加线条。下面我们将展示如何使用 CSS 画竖线。

.vertical-line {
  border-left: 1px solid black;
  height: 100px; /* 竖线的高度可以根据需要自行修改 */
}

如上所述，通过 border-left: 1px solid black; 可以添加一条宽度为 1px、颜色为黑色的左边框，从而实现竖线的效果。同时，也需要设置元素的高度，以便让竖线在页面中显示出来。

接下来，我们可以在 HTML 中使用这个 CSS 类来绘制竖线：

<div class="vertical-line"></div>

如上所示，我们在 HTML 中创建一个 div 元素，并为它指定 vertical-line 类。在页面中展示效果如下：

这就是使用 CSS 画竖线的方法。通过设置边框属性，可以轻松添加线条效果，实现更加丰富多彩的页面布局。