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中文網其他相關文章!