实现0.5px边框

就先写一种方法

首先写一个长宽为200px的红色div:

 

接着给它一个1px粗的蓝色下边框

 border-bottom: 1px solid blue;

 

 再给它加一个透明属性

border-bottom: 1px solid blue transparent;

 再设置这个下边框的背景图片属性：

border-image: linear-gradient(to bottom,transparent 50%,black 50%) 0 0 100% 0 ;

linear-gradient是设置渐变颜色的，to xxx代表终点是xxx ,再加上transparent 50 % ，black 50%  

说明上面一半是透明，下面一半是黑色。