CSS是一個(gè)網(wǎng)頁設(shè)計(jì)必不可少的元素，但是有時(shí)候你會(huì)發(fā)現(xiàn)你的圖片周圍出現(xiàn)了一些邊框，這對(duì)于設(shè)計(jì)來說是非常不友好的。下面我們就來介紹一些如何消除圖片邊框的方法。

img{
border:none;
}

上面的代碼非常簡單，只需要將對(duì)應(yīng)的圖片元素的邊框設(shè)置為none即可消除邊框。需要注意的是，這里的img是指默認(rèn)的圖片元素，如果你的圖片元素不是img，那么這里需要將它替換為你的圖片元素。

如果你希望只有某一個(gè)圖片元素消除邊框，而其它圖片元素不受影響，那么你需要為該圖片元素設(shè)置一個(gè)特定的class，然后將對(duì)應(yīng)的class加入到CSS代碼中。

.no-border{
border:none;
}

上面的代碼中，我們定義了一個(gè)特定的class：no-border。你只需要將該class加入到需要消除邊框的圖片元素中，那么該元素的邊框就會(huì)消失。

另外，有些情況下，圖片的邊框并不是CSS造成的，而是由于圖片本身的屬性引起的。這時(shí)候，你可以通過給圖片添加一個(gè)style屬性，來修改圖片的屬性。

上面的代碼中，我們給圖片添加了一個(gè)style屬性，并將其邊框設(shè)置為none。這樣就可以消除圖片的邊框了。

好了，現(xiàn)在你已經(jīng)知道了如何消除圖片邊框了，接下來你可以盡情的發(fā)揮你的設(shè)計(jì)才能了。