css实现0.5px的边框

三种方法

1. 利用背景图片渐变透明：（设高为1px  宽自定  线性渐变到透明 ）

height:1px;
backgroung-image: linear-gradient(0deg,red,transparent 50%);

    2.利用缩放: 容易发虚（设定高为1px  自定宽  然后缩放Y轴 ）

height: 1px;
background-color: red;
-webkit-transfrom: scale(.5);
transfrom: scale(.5);

    3.四周边框：(宽高自定  利用1px的边框  通过缩放实现)

border: 1px solid red;
-webkit-transfrom-orgin: 0 0;
transfrom-orgin: 0 0;
-webkit-transfrom: scale(.5,.5);
transfrom: scale(.5,.5);