CSS背景圖片居中全屏是一種非常流行的網(wǎng)頁布局方式，可以讓頁面充滿視覺沖擊力，并且增加了頁面的美感。下面我們來介紹一下相關(guān)的CSS代碼。

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

上述代碼中，我們將背景圖片作為一個body元素的背景來顯示，而且背景圖片會自動適應(yīng)瀏覽器的大小和比例，這樣就可以讓背景圖片在任何分辨率下都能實現(xiàn)全屏效果。

其中，background屬性用來設(shè)置背景圖片，no-repeat意味著背景圖片不會平鋪，而center center表示背景圖片在水平和垂直方向上都居中顯示。fixed屬性使得背景圖片與頁面固定，不會隨著滾動條而移動。而加上前綴-webkit,-moz,-o的background-size屬性設(shè)定了背景圖片大小的適應(yīng)方式，cover表示背景圖片會自動被縮放到適卷瀏覽器大小的比例。

這樣的CSS背景圖片居中全屏的方案，適用于大多數(shù)網(wǎng)站的頁面布局，是非常實用的一種技術(shù)。需要注意的是，要選擇一張足夠大的背景圖片，確保在縮放到全屏?xí)r不會失真，同時也要注意背景圖片的質(zhì)量和文件大小，以免影響頁面性能。