img标签在未指定src属性或值为空,出现边框不能去除

其实这是一个非常初级的问题,但有时不注意就有可能掉进这个坑里。

使用 <img />、<img src=”” /> 这两种形式,给元素设置宽高会出现边框,并且边框不能用 CSS 定义样式去除。

<img src=”sample.jpg” /> 给 img 标签设置 src 属性且值不为空时,一般不会出现边框,旧版 IE 浏览器可能出现,而且可以通过 CSS 去除。

去除 img 标签边框的 CSS 代码:

img {
    border: 0;
}

错误场景:开发图片上传预览功能,误以为是该文件控件的边框无法去除,实际是存在一个未指定 src 属性的 img 标签。

此条目发表在CSS, HTML分类目录,贴了, , , , 标签。将固定链接加入收藏夹。