在網頁設計中，使用背景圖片可以非常好地提升頁面整體美觀性，其中一種效果就是讓背景圖片全屏顯示。這時候，CSS 就起到了至關重要的作用。

首先，我們需要使用 CSS 設置 body 的樣式，讓它占滿整個屏幕：

body {
margin: 0;
padding: 0;
height: 100vh;
background-image: url("your-image-url");
background-size: cover;
background-position: center;
background-repeat: no-repeat;
background-attachment: fixed;
}

解釋一下里面每一個樣式：

• margin: 0; padding: 0;：重置 body 的內外邊距；
• height: 100vh;：將高度設置為視窗高度，這樣 body 就會占滿整個屏幕；
• background-image: url("your-image-url");：設置背景圖片的 URL；
• background-size: cover;：將背景圖片自適應縮放到當前屏幕的大小，保證了圖片的完整顯示；
• background-position: center;：將背景圖片設置在屏幕的中心位置；
• background-repeat: no-repeat;：禁止重復顯示背景圖片；
• background-attachment: fixed;：將背景圖片固定在屏幕上，這樣滾動頁面時圖片將不會跟著滾動。

上述代碼中，其中 URL 替換成你想要展示的圖片的 URL 即可。當然，有時候為了實現更復雜的效果，還需要借助 JavaScript，比如實現圖片從下向上滾動、帶有蒙層的效果等等。

總之，通過 CSS，我們可以非常簡單地在網頁中展示讓背景圖片全屏顯示。這樣做不僅可以提升頁面整體美觀性，也可以為用戶提供更好的視覺體驗。