首先  直接这样设置
  border: 0.5px solid red;
0.5px的边框，肯定是不对的，边框大小会向上取整。

1. 通过 transform:scale(.5)

.line {
  width: 100%;
  border-top: 1px solid black;
  transform: scaleY(0.5);
  transform-origin: center;
}

2. ::after 定位伪类实现

div::after {
  position: absolute;
  content: "";
  width: 200px;
  height: 200px;
  border: 1px solid black;
  transform-origin: 0 0;
  transform: scale(0.5);
}