先写下实现思路,有空贴代码示例
实现思路:
将盒子的边框设置为要设置的边框颜色,添加::before和:after两个伪元素,将其设置为和背景颜色一样的,利用伪元素将边框不需要的部分盖住
目前发现的一个缺点:伪元素只能使用颜色,我的背景是一张背景图片,所以只能取接近的颜色了
如果大家想一起交流学习,共同进步,欢迎搜索公众号“是日前端”,输入关键词如:前端基础,获取资料,资料刚开始整理,目前还在完善中,点击交流群按钮进交流群,群里仅限技术交流、面试交流等,需要其它相关资料可以群里说,后续交流群人数增多会考虑特色内容,再次感谢大家的支持~