CSS中，我們經常會使用背景圖片來裝飾網頁。背景圖片的設置可以通過background-image屬性來完成。但是，有時候我們希望讓背景圖片與文字之間有一些間距，或者讓圖片被內容包圍，這時候就可以用到background-padding屬性了。下面，讓我們一起來學習一下如何使用它。 首先，我們需要先設置背景圖片： ```html``` 這樣，整個頁面的背景就會顯示我們設置的背景圖片了。 接下來，我們需要設置background-padding。這個屬性的使用方法和padding屬性基本一致，只是將它用在了背景上。 ```html``` 上面的代碼中，我們設置了背景圖片的位置為居中，不重復，自適應屏幕大小，并且設置了50像素的padding。 這樣，背景圖片就與頁面內容之間增加了50像素的間距，而且圖片被內容包圍了。下面是一個完整的例子： ```html

這是一段演示文字，用來展示背景圖片加填充的效果。

``` 最后，我們還可以通過hover偽類來給背景圖片加上動態效果，比如鼠標滑過時，背景圖片或填充顏色可以變化。 ```html``` 這樣，當鼠標滑過時，背景填充顏色就從白色變為淡灰色了。 使用background-padding可以很輕松地給網頁添加美觀的背景圖片，同時還可以加上填充效果和動態特效。需要注意的是，background-padding這個屬性在一些舊版瀏覽器中并不支持，因此在開發時需要注意兼容性。