要實現全屏背景,可以使用CSS的background-image屬性結合background-size屬性來實現。以下是一個示例代碼:
body {
margin: 0;
padding: 0;
background-image: url('background-image.jpg');
background-size: cover;
background-repeat: no-repeat;
background-attachment: fixed;
}
在上面的代碼中,background-image屬性設置背景圖片的URL,background-size屬性設置背景圖片的尺寸為cover,讓背景圖片完全覆蓋整個屏幕。background-repeat屬性設置為no-repeat,防止背景圖片重復顯示。background-attachment屬性設置為fixed,使背景圖片固定在屏幕上,不會隨著頁面滾動而移動。
這樣,就可以實現一個全屏背景。