在網頁開發中，我們常常需要在頁面中插入圖片來豐富頁面內容。但是，有時候圖片會被自帶的邊框所包圍，影響頁面的美觀度。這時候，我們就需要使用CSS來去掉圖片的邊框。

img {
border: none;
}

在CSS中，我們可以使用border屬性來設置邊框。而如果我們想要去掉圖片的邊框，只需要將border屬性設置為none，即可實現。

除了使用上述代碼去掉所有圖片的邊框之外，我們還可以使用類名來針對特定的圖片進行設置。

.no-border {
border: none;
}

在這個例子中，我們通過給圖片添加一個類名“no-border”，并且在CSS中對這個類名設置border:none，就可以去掉這個圖片的邊框。

最后需要注意的一點是，有些瀏覽器會自動添加一些樣式，例如圖片的alt屬性會添加一個類名來設置文本樣式。如果我們想徹底去掉圖片的邊框，就需要將這些樣式也一并去掉。

img {
border: none !important;
outline: none !important;
}

在這個例子中，我們使用!important來強制覆蓋默認樣式。除了去掉邊框之外，我們還同時去掉了圖片的輪廓線（outline屬性）。這樣可以保證圖片在任何情況下都不會出現邊框。