在 CSS 中，圖片是一個極為重要的元素。通過設置圖片的樣式，我們可以呈現出更加美觀的頁面效果。然而，有時候圖片周圍出現了奇怪的邊框，這樣的效果很不好看。那么如何去掉這些邊框呢？

img{
border: none;
}

我們可以通過為圖片元素的樣式添加border: none;來去掉圖片周圍的邊框。如果你想保留圖片的一些邊框，在 CSS 中，也可以為邊框設置不同的樣式和寬度。

但是，有時候我們設置了圖片的樣式，但是圖片周圍還是會出現一些奇怪的邊框。這是因為瀏覽器在加載圖片時會為圖片設置一個默認的邊框樣式。

為了避免這種情況的發生，我們可以在樣式表的開始位置添加以下代碼：

*{
margin: 0;
padding: 0;
border: 0;
}

這段代碼的作用是將所有元素的外邊距、內邊距和邊框的默認值歸零。這樣，即使是那些具有默認邊框的圖片也會失去它們的邊框了。

當然，如果你只想為某些圖片去掉邊框，我們也可以為這些圖片單獨設置樣式。例如：

img.no-border{
border: none;
}

然后在 HTML 中為需要去掉邊框的圖片添加類名no-border即可。

總之，要去掉圖片周圍的邊框，你需要做的就是：第一，禁用圖片元素的邊框樣式；第二，重置所有元素的外邊距、內邊距和邊框的默認值。