画出0.5px的线，css

  1，box-shadow

         box-shadow允许小数点，该属性可设置的值包括阴影的X轴偏移量、Y轴偏移量、模糊半径、扩散半径和颜色，所以我们可以设置他的扩散半径来实现0.5px的线

   2，  transform

    缩放实现的思路，transform: scaleY(0.5);

3，线性渐变linear-gradient

background: linear-gradient(0deg, #fff, #000);

边框线性渐变的答案，  同样设置任意大小的边框，通过渐变属性改变一部分边框的颜色效果，比如将一部分边框融入背景，这样就能得到想要的效果。