CSS在網頁設計中扮演著重要的角色，其中背景圖的使用更是不可或缺。如何讓背景圖填充整個屏幕呢？下面我們就來具體了解一下。

html,
body {
height: 100%;/*設置body高度為100%*/
margin: 0;
padding: 0;
}
.bg-image {/*背景圖樣式*/
background-image: url('background.jpg');/*引入背景圖*/
background-size: cover;/*將背景圖等比縮放填滿整個容器*/
height: 100%;/*設置背景高度為100%*/
position: relative;
}
.content {/*容器樣式*/
position: absolute;/*絕對定位*/
top: 50%;
left: 50%;
transform: translate(-50%,-50%);/*居中*/
}

首先，我們需要將HTML和Body的高度都設為100%，這樣才能讓背景圖占據整個屏幕。然后，我們創建一個背景圖的樣式，將背景圖引入，并將背景圖等比縮放填滿整個容器。接下來，我們再創建一個容器樣式，并將其絕對定位。最后，我們再通過transform屬性將容器居中即可。

需要注意的是，如果你的背景圖并不是很大，可能會拉伸變形，所以最好選擇高質量的圖片來避免這種情況。

好了，我們已經介紹了如何讓CSS背景圖填充整個屏幕，并且給出了相應的CSS代碼示例，希望本文能夠幫助網頁設計者更好地運用CSS技巧。