CSS利用伪元素方法实现边框

409 阅读1分钟

先写下实现思路,有空贴代码示例
实现思路:
将盒子的边框设置为要设置的边框颜色,添加::before和:after两个伪元素,将其设置为和背景颜色一样的,利用伪元素将边框不需要的部分盖住

目前发现的一个缺点:伪元素只能使用颜色,我的背景是一张背景图片,所以只能取接近的颜色了