css去除图片边框的方法:1、使用css中的border属性来设置去掉img边框;2、通过“img:not([src]){opacity:0;}”去除图片边框。
本文操作环境:windows7系统、HTML5&&CSS3版、Dell G3电脑。
css去掉img边框
1、<img> 标签的 border 属性规定图像周围的边框的宽度,就是说可以增加或去掉图像的边框。也可以使用css中的border属性来设置。
border="0" // html属性 border: none; // css属性
注释:默认地,图像是没有边框的,因此不需要去除。(除非图像在 a 元素内部)。
浏览器通常会把代表超链接的图像(例如包含在 <a> 标签中的图像)显示在两个像素宽的边框里面,以表示读者可以通过选择这个图像来访问相关联的文档。
2、当img没有接收到src属性的时候会自动出现边框,border:0/none都不管用的情况下,解决方法:
img[src=""], img:not([src]){ opacity:0; }
【推荐学习:css视频教程】
以上就是css怎么去除图片边框的详细内容,更多请关注php中文网其它相关文章!
![php中文网最新课程二维码](/static/images/article_wechat2021.jpg?1111)
声明:本文原创发布php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理
- 上一篇:css怎么隐藏table
- 下一篇:css怎么设置图片圆角
网友评论
文明上网理性发言,请遵守 新闻评论服务协议
我要评论