CSS 中的背景圖像是一個重要的元素，它不僅可以美化網站，還可以顯示信息和標識品牌。在 Web 設計中，有時需要將背景圖像鋪滿整個屏幕，以達到更好的視覺效果。在本文中，我們將介紹如何通過 CSS 實現背景圖像填充全屏。

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

上述代碼將在整個 body 元素上添加一個背景圖像，該圖像填充屏幕，并且在改變瀏覽器窗口大小時，也會自動調整大小。這是通過指定 background-size 屬性來實現的，它的值 cover 表示將圖像放大或縮小以完全覆蓋背景區域。

此外，我們還可以使用 background-position 屬性來定位背景圖像的位置。例如：

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

上述代碼將背景圖像放置在屏幕的中心。

需要注意的是，如果我們將背景圖像設置為 fixed，那么當用戶滾動網頁時，背景圖像將保持在屏幕的相對位置不變。例如：

body {
background-image: url("example.jpg");
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
background-attachment: fixed;
}

上述代碼將使背景圖像保持在屏幕的相對位置不變。

總之，通過使用 CSS，我們可以實現背景圖像填充整個屏幕，這是網頁設計中的一項基本技能。我們可以通過指定背景圖像的大小、位置和附件方式等屬性來調整其效果。