[css]当img的src没有或不存在时，浏览器的自带边框如何去掉

问题：
  
      当 img 图片的src 属性没有设置时，或者src = "" ; 会发生有一个边框，这是浏览器加的，去不了


解决方案：


    给src 属性或者src="" 的图片，设置透明度为0 ， 代码如下：
   img[src=""],
       img:not([src]) {
           opacity: 0;
       }


       img {
           height: 300px;
           width: 300px;
       }

   注：  如果src 给的路径地址不正确，浏览器还是会给img 加边框


参考：https://blog.csdn.net/qq_39669919/article/details/121040091