边框 0.5px

解决方案：

        1.如果想要设置1px以下，可以用transform的缩放属性(scale)，缩放一半就可以，但是需要设置伪元素。

        2. 定位(relative) + 伪元素（::after） + transfrom缩放(scale)

<div class="border_px"></div>
<style>
  .border_px{
     height: 50px;
     width: 300px;
     background-color: gainsboro;
     position: relative;
  }

  .border_px::after{
     content: " ";
     position: absolute;
     top: 0;
     left: 0;
     width: 200%;
     height: 200%;
     border-left: 1px solid rebeccapurple;
     transform-origin: 0 0;
     transform: scale(0.5);
  }
</style>

如果需要设置边框宽度为盒子的一半，则直接修改设置的伪元素中的 【宽高】属性即可。