在css中，可以使用border屬性去掉圖片邊框，只需要給img元素設(shè)置“border="0"”或是“border:none”即可。border屬性設(shè)置所有的邊框?qū)傩?，?dāng)值為none或是0時(shí)，表示對(duì)標(biāo)簽元素不設(shè)置邊框?qū)傩曰蛘哌吙驅(qū)挾葹?。

本教程操作環(huán)境：windows7系統(tǒng)、CSS3&&HTML5版、Dell G3電腦。

css如何去掉img邊框

<img> 標(biāo)簽的 border 屬性規(guī)定圖像周?chē)倪吙虻膶挾龋褪钦f(shuō)可以增加或去掉圖像的邊框。也可以使用css中的border屬性來(lái)設(shè)置。

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

注釋?zhuān)耗J(rèn)地，圖像是沒(méi)有邊框的，因此不需要去除。（除非圖像在 a 元素內(nèi)部）。

瀏覽器通常會(huì)把代表超鏈接的圖像（例如包含在 <a> 標(biāo)簽中的圖像）顯示在兩個(gè)像素寬的邊框里面，以表示讀者可以通過(guò)選擇這個(gè)圖像來(lái)訪問(wèn)相關(guān)聯(lián)的文檔。

推薦學(xué)習(xí)：css視頻教程