css怎麼去除圖片邊框

css去除圖片邊框的方法：1、使用css中的border屬性來設定去掉img邊框；2、透過「img:not([src]){opacity:0;}」移除圖片邊框。

本文操作環境：windows7系統、HTML5&&CSS3版、Dell G3電腦。

css去掉img邊框

1、 標籤的 border 屬性規定圖像周圍的邊框的寬度，就是說可以增加或去掉圖像的邊框。也可以使用css中的border屬性來設定。

border="0"  // html属性
border: none; // css属性

註解：預設地，圖像是沒有邊框的，因此不需要移除。 （除非圖像在 a 元素內部）。

瀏覽器通常會把代表超連結的圖像（例如包含在 標籤中的圖像）顯示在兩個像素寬的邊框裡面，以表示讀者可以透過選擇這個圖像來存取相關聯的文檔。

2、當img沒有接收到src屬性的時候會自動出現邊框，border:0/none都不管用的情況下，解決方法：

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

【推薦學習：css影片教學】

以上是css怎麼去除圖片邊框的詳細內容。更多資訊請關注PHP中文網其他相關文章！