关于这个效果我第一次见是在[链接]后来知乎登录页也开始用了[链接]网络上还有很多地方都在用，效果还是不错的。我见了之后觉得挺有意思的就研究了一下原理下面开始coding：先写个canvas标签

在移动端有时1px的边框会显得很粗不美观，淘宝、京东的触屏均是采用浅细的线条来显示在移动设备上。具体实现方法如下： 普通的1px黑色实线边框： {代码...} 半像素边框当然不是简单地把1px改为0.5px（会被解析成1px），border-width的值只能是自然数 类似的，outline, box-shadow等等也没有办法画出0.5px的细线 常规思路...