CSS 画一条0.5px的线的方法（ 4种 ）

CSS 画一条0.5px的线可以使用多种方法，以下是4种不同的方法：

1. 使用transform: scaleY(0.5)

.line-05 {
  height: 1px;
  background-color: black;
  transform: scaleY(0.5);
}

2. 使用box-shadow

.line-05 {
  width: 100%;
  height: 1px;
  box-shadow: 0 0.5px 0 0 black;
}

3. 使用border-image

.line-05 {
  width: 100%;
  height: 1px;
  border-top: 1px solid black;
  border-image: linear-gradient(to right, transparent, black) 1 round;
}

4. 使用linear-gradient背景

.line-05 {
  width: 100%;
  height: 1px;
  background-image: linear-gradient(to right, transparent, black, transparent);
  background-size: 100% 0.5px;
}

以上每种方法都可以实现0.5px的线，但是需要注意的是，这些方法在不同的浏览器中的兼容性可能会有所不同，因此在实际应用时可能需要进行一些兼容性处理。