如何给元素设置半个像素的边框

在浏览器中能识别的最小像素为1px,如果需要设置半个像素的边框我们需要通过伪类来处理。以下代码中#div1为一个像素的边框,#div2为半个像素的边框




    
    半像素的边框
    


    

原理就是给#div2的伪类设置二倍的宽高边框以及padding,然后通过缩放实现半像素边框,然后通过定位让#div2的伪类元素贴在#div2上

你可能感兴趣的:(css,css,技巧)