CSS 背景圖可以為網頁增加美觀度和吸引力。一種常見的需求是將背景圖鋪滿整個屏幕。下面是如何實現它的步驟。

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

首先，為了讓背景圖鋪滿整個屏幕，需要讓 HTML 根元素和 body 元素的高度都為 100%。這樣就可以讓 body 元素占滿整個屏幕。

然后，需要在 body 元素中設置背景圖和一些樣式屬性。background-image 屬性指定了要使用的背景圖，可以使用絕對路徑或相對路徑。background-size 屬性將背景圖的大小設置為 cover，這樣它會被拉伸以適應屏幕大小。background-repeat 屬性設置為 no-repeat，這樣圖像就不會重復出現，并且 background-position 屬性將圖像設置為居中。

這樣的設置可以讓背景圖鋪滿整個屏幕并適應各種屏幕大小。

body {
background-image: url('bg.jpg');
background-size: contain;
background-repeat: repeat-y;
}

如果想讓背景圖保持其原始大小而不是拉伸，可以將 background-size 屬性設置為 contain。這將縮放背景圖以適應屏幕，同時保持其縱橫比。background-repeat 屬性設置為 repeat-y，這樣可以讓背景圖在垂直方向上重復出現。

使用上述方法可以輕松地實現整個屏幕鋪滿背景圖的效果，并且可以根據需要靈活地進行調整。