CSS 背景圖適應全屏是一個常見的需求，它可以使網站更加美觀和聚焦。下面介紹幾種方式實現全屏背景圖。
首先，我們需要設置 HTML 和 Body 元素的高度為 100%，代碼如下：

html, body {
height: 100%;
}

接著，我們可以使用 background-size 屬性來調整背景圖片的尺寸。將其設置為 cover 可以讓圖片完全覆蓋整個屏幕，代碼如下：

body {
background: url('background.jpg') center center no-repeat fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}

如果想要圖片居中顯示，我們可以使用 background-position 屬性來設置圖片位置，代碼如下：

body {
background: url('background.jpg') center center no-repeat fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-position: center center;
}

除此之外，還可以使用 CSS3 的 background 屬性來設置背景，代碼如下：

body {
background: url('background.jpg') center center / cover no-repeat fixed;
}

使用這些方法，就能很容易地實現全屏背景圖，使網站更加美觀和設計感強烈。