今天我們來探討一下如何讓圖片鋪滿整個網頁的方法。在CSS 中，我們可以使用background-size 屬性來實現這個效果。 首先，讓我們來看一下實現這種效果的 CSS 代碼：

body {
background-image: url("image.jpg");
background-size: cover;
background-repeat: no-repeat;
}

上面的代碼中，我們使用了 body 元素作為背景，并設置它的圖片來源。然后，通過設置 background-size 屬性，我們讓背景圖片的大小與它所在的區域相匹配。同時，我們設置 background-repeat 屬性為 no-repeat，以避免圖片的重復出現。 當然，如果我們想要讓圖片的一部分重復出現，可以根據需要設置 background-position 和 background-repeat 屬性。 除了使用 body 元素作為背景，我們也可以在其他元素中使用 background-size 來達到相同的效果：

div {
background-image: url("image.jpg");
background-size: cover;
background-repeat: no-repeat;
}

通過將背景圖像應用于 div 元素，我們就可以讓它覆蓋整個 div 區域了。 除了 cover 外，我們還可以通過設置 background-size 為 contain 來使圖片沿著寬度或高度方向縮放以適合它所在的區域。

body {
background-image: url("image.jpg");
background-size: contain;
background-repeat: no-repeat;
}

這里，我們設置了 background-size 為 contain，這樣背景圖片就會按比例縮放以適合 body 元素的大小。 綜上所述，使用 background-size 屬性可以讓我們輕松地實現圖片鋪滿整個網頁的效果。我們只需要設置合適的尺寸和重復方式即可。