在网页开发中，使用 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`，就可以去掉背景图片的边框。 总的来说，去掉背景图片的边框可以使用以上三种方法。不同的属性设置对应的效果也有所不同。大家可以多尝试一下，看看哪种方法更适合自己的网页布局。