CSS背景圖片是網(wǎng)頁設(shè)計中非常重要的一個元素，使用它能夠?yàn)榫W(wǎng)頁增加豐富的畫面效果。在設(shè)計網(wǎng)頁時，我們有時候需要讓背景圖片填充整個頁面，下面我們就來看看如何實(shí)現(xiàn)這個效果。

html, body {
height: 100%;
}
body {
background-image: url("image.png");
background-repeat: no-repeat;
background-size: cover;
}

首先，我們需要讓html和body元素的高度都設(shè)為100%，這樣才能保證背景圖片填滿整個頁面。接下來，我們設(shè)置body元素的背景圖片為所需的圖片，并設(shè)置repeat為no-repeat，這樣圖片就不會重復(fù)出現(xiàn)。最后，我們使用background-size屬性來設(shè)置背景圖片的大小，我們使用cover值來讓圖片填充整個頁面，如果你想讓圖片鋪滿頁面，可以使用100%。

當(dāng)然，如果你使用的是背景色而非圖片，也可以通過設(shè)置html和body元素高度為100%后，直接在body元素中設(shè)置background-color屬性即可。同樣也可以使用background-size屬性來控制背景色的大小。

總之，我們只需簡單地使用background-size屬性就能輕松實(shí)現(xiàn)讓背景圖片填充整個頁面的效果。無論是對于圖片還是背景色，都是非常簡單的代碼，一定要多多使用哦！