CSS中，實現0.5px的border方法有很多種，但在瀏覽器上的兼容性差異很大，有兼容的比較好的，也有兼容性比較差的。下面，分兩點來回答一下：

一、0.5px意義

在回答具體使用哪種方式去實現一個0.5像素的邊框之前，我覺得應該先弄清楚畫一條0.5px邊框的意義在哪里。0.5px相當于高清屏物理像素的1PX。這樣的目的是在高清屏上看起來會更細一點，效果會更好點。

二、畫0.5px的方法

前面我說了，方法有好多：1、直接設置寬高border為0.5px。2、設置box-shadow的垂直方向的偏移量為0.5px。3、借助線性漸變linear-gradient。4、使用transform:scaleY(0.5)。5、使用SVG方法。6、viewport的縮放比例不是1的話，直接畫1px即可。

通過驗證，發現方法4，5兼容性和效果是最好的。

“小鄭搞碼事”，有代碼的事一起聊。