CSS可以很方便地讓網頁的背景充滿整個屏幕。下面就讓我們來介紹一些方法。

首先，我們可以使用CSS3的屬性background-size實現全屏背景。這個屬性可以讓我們控制背景圖像的大小和位置。設置background-size為cover，背景圖像會被拉伸到完全覆蓋整個屏幕。如果想讓背景圖像始終保持比例，可以設置background-size為contain。 下面是示例代碼：

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

我們還可以使用CSS3的屬性height和width實現全屏背景。首先，我們需要讓html和body元素占滿整個屏幕：

html, body {
height: 100%;
width: 100%;
margin: 0;
padding: 0;
}

接著，將背景圖像設置為絕對定位，并將其寬和高設置為100%：

body {
background-image: url("bg.jpg");
background-position: center center;
background-repeat: no-repeat;
background-attachment: fixed;
position: relative;
}
body::before {
content: "";
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
background: rgba(0, 0, 0, 0.1);
z-index: -1;
}

在以上代碼中，我們還使用了一個偽元素:before來給背景圖像加上了一層半透明的遮罩，使得內容更加清晰醒目。