在網頁設計中，CSS 背景圖是一種非常重要的元素。背景圖可以使網頁更加吸引人，也可以起到更好的分割作用。下面我們來看一種使用 CSS 背景圖讓網頁滿屏的方法。

html{
height: 100%;
}
body{
margin: 0;
padding: 0;
height: 100%;
background-image: url('bg.png');
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}

首先，我們要讓 HTML 高度占據整個窗口，這樣才能讓頁面滿屏。接下來，對于 body 標簽，我們將 margin 和 padding 屬性都設置為 0，再將 height 屬性設置為 100%，這樣才能確保整個頁面滿屏。然后，我們設置了一個背景圖片，使用 background-image 屬性。同時，通過 background-size 屬性，我們讓背景圖片大小自適應整個頁面，也就是 cover 模式。接著，我們通過 background-position 屬性將圖片位置設置為頁面中心，這樣就能讓圖片在頁面中間居中。最后，我們將背景圖片的重復模式設置為 no-repeat，防止圖片平鋪。

通過上述方法，可以輕松地實現一個將 CSS 背景圖鋪滿整個頁面的效果。如果想讓背景圖片等比例縮放，則可以設置 background-size 為 contain 模式。