border:transparent透明边框_CSS学习

资料来源：网络整理时间：2023/3/4 0:56:44 共计：3616 浏览

今天在写一个zblog主题的时候，用到了border属性中的透明边框，也就是border:transparent。

那么CSS中为什么要使用透明边框呢？

如上图，要使img:hover触发显示2px的白色边框，为了保持图片在触发的时候不变形，所以在触发之前的img里最好也建个2px宽的边框，但不要上色，透明即可！

上图中的透明边框CSS：

.widget_hotpost li img{float: left;margin: 4px;border: 2px solid transparent;}
.widget_hotpost li:hover img{border: 2px solid #fff;}

正常情况下设置2px的透明边框，触发的时候，2px的边框依然存在，但边框颜色设置为#FFF白色即可！

版权说明：
本网站凡注明“广州京杭原创”的皆为本站原创文章，如需转载请注明出处！
本网转载皆注明出处，遵循行业规范，如发现作品内容版权或其它问题的，请与我们联系处理！
欢迎扫描右侧微信二维码与我们联系。