百万前端之去除img标签出现的边框

        在html中，给img标签设置百分百自适应div大小时，就是出现一个默认边框，这是因为img标签在没有scr属性值时给自己添加一个默认边框，即使给img标签设置css属性border:none;也是无济于事。

就像上图一样，作为一个上传图片作为零时展示的图片img标签，出现了不合时宜的border框，显得非常的不美观。其实去除并不困难，原理也非常简单。

img:not([src]){opacity:0;}

相信大家看到了也是恍然大悟，竟然是opacity属性！给img添加这个css属性后，在img没有src属性时，img标签也不会出现边框了