CSS中經常會使用背景圖片來美化頁面，但是默認情況下背景圖片會根據盒子大小進行平鋪重復，這可能不是我們想要的效果。那么如何讓背景圖片重復占滿盒子呢？下面介紹兩種方法。

方法一：使用background-size屬性

.box {
background-image: url('image.png');
background-repeat: no-repeat;
background-size: cover;
}

在上面的例子中，將背景圖片不重復顯示，并使用background-size: cover屬性將圖片等比例縮放以填滿盒子。這個屬性值還可以有其他的取值，如contain，表示將圖片等比例縮放以適應盒子大小。

方法二：使用background-position屬性

.box {
background-image: url('image.png');
background-repeat: no-repeat;
background-position: center center;
background-attachment: fixed;
}

在上面的例子中，將背景圖片不重復顯示，并使用background-position: center center屬性將圖片放置于盒子中央。通過設置background-attachment: fixed屬性，能夠讓背景圖片隨著頁面的滾動而不滾動，保證了圖片一直在盒子中間。

以上兩種方法都能夠使背景圖片重復占滿盒子，需要根據實際情況選擇使用。