css如何画线

CSS可以通过使用伪元素和背景属性来实现画线效果。下面是一种常见的实现方式：

1. 使用伪元素 ::before 或 ::after 创建一个空的元素，作为线条的容器。

.line {
  position: relative;
}

.line::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  height: 1px;
  background-color: #000;
}

以上代码会在元素 .line 的上方创建一条宽度为 1px 的黑色线条。

2. 使用背景属性来实现线条效果。

.line {
  background-image: linear-gradient(to right, #000 50%, transparent 50%);
  background-position: bottom;
  background-size: 2px 1px;
  background-repeat: repeat-x;
}

以上代码会在元素 .line 的底部创建一条宽度为 2px 的黑色线条。

3. 使用 border 属性来画线。

.line {
  border-bottom: 1px solid #000;
}

以上代码会在元素 .line 的底部创建一条宽度为 1px 的黑色线条。

以上是三种常见的使用 CSS 画线的方法。根据具体需求，可以选择其中一种或结合使用。