HTML5 背景圖片全屏代碼 HTML5 提供了一種簡單的方法來實現全屏背景圖片。首先，在 CSS 中設置 body 元素的 margin 和 padding 為 0，然后將背景圖片作為一個新的元素插入。 下面是一個例子，演示了如何使用 HTML5 來創建一個具有全屏背景圖片的網頁。 ```

這是一個全屏背景圖片的網頁。

``` 代碼解析： 首先，我們要將 body 元素的 margin 和 padding 設置為 0，這樣我們的背景圖片就能夠覆蓋整個頁面。 ``` body { margin: 0; padding: 0; } ``` 然后，我們創建一個 div 元素，并將其 id 設為 "bg"。我們設置它的 position 屬性為 fixed，這樣它就能夠固定在視口中的位置。接下來，我們將其 left 和 top 屬性都設為 0，以確保它始終與視口左上角對齊。我們還將其 width 和 height 屬性都設置為 100%，這樣它就能夠覆蓋整個視口。最后，我們將其 z-index 屬性設為 -1，這樣它就不會覆蓋其他的元素。 ``` #bg { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index:-1; } ``` 最后，在 div 元素中添加一個 img 元素，并設置其 src 屬性為背景圖片的 URL。我們還可以為其添加 alt 屬性，以提高圖像的可訪問性。 `````` 總結： 使用 HTML5 創建具有全屏背景圖片的網頁非常簡單。我們只需要將背景圖片作為一個新的 div 元素插入，并將其設置為固定位置和 100% 寬度和高度即可。此外，我們還需要將 body 元素的 margin 和 padding 設置為 0，以確保背景圖片覆蓋整個頁面。