在網頁開發中，使用 CSS 來設置背景圖片是非常常見的。但是，有時候會出現背景圖片被默認設置了一些邊框，而我們又不希望出現這種情況。那么，如何去掉這些邊框呢？接下來，就讓我們一起來看看。 首先，我們來了解一下 CSS 中設置背景圖片的方法： ```html``` 上面的代碼中，使用 `background-image` 屬性可以設置背景圖片。其中，`url` 后面的部分換成你自己的圖片地址即可。但是，如果直接將這段代碼放到網頁中，可能會發現背景圖片被默認加了邊框，如圖所示：  那么，要去掉這個邊框，就需要在 CSS 中設置其他的屬性。我們可以使用 `border`、`outline` 或者 `box-shadow` 等屬性進行設置。下面，我將分別介紹這三種方法。 ### 使用 border 屬性 ```html``` 上面的代碼中，將 `border` 屬性的值設置為 `none`，就可以將背景圖片的邊框去掉了。如果有其他元素的邊框也需要去掉，也可以參照這個方法來設置。 ### 使用 outline 屬性 ```html``` `outline` 屬性也可以達到去掉背景圖片邊框的效果。同樣的，將它的值設置為 `none` 即可。需要注意的是，`outline` 是在元素邊框外層的一個輪廓線，如果設置得過分，則可能會破壞網頁的布局結構。 ### 使用 box-shadow 屬性 ```html``` `box-shadow` 屬性是用來設置盒子的陰影效果的，但是它的第一個顏色值可以用來設定邊框顏色。因此，將它的值設為 `none`，就可以去掉背景圖片的邊框。 總的來說，去掉背景圖片的邊框可以使用以上三種方法。不同的屬性設置對應的效果也有所不同。大家可以多嘗試一下，看看哪種方法更適合自己的網頁布局。