HTML5背景圖片充滿全屏是一個很常見的需求。通過一些簡單的代碼，我們可以讓背景圖片自適應整個屏幕。
首先，在HTML文件中，我們需要設置一些基本的樣式和結構。我們可以使用`
`標簽來定義一個區域，并添加背景圖片。在這個區域中，我們還可以添加其他內容，例如文本或圖像。代碼如下：
<style>
body, html {
height: 100%;
margin: 0;
padding: 0;
}
.bg {
height: 100%;
width: 100%;
background-image: url('image.jpg');
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
}
</style>
<body>
<div class="bg">
<p>這是一段文本</p>
</div>
</body>以上代碼將背景圖片撐滿了整個屏幕，并且在頁面中添加了一段文本。注意，我們需要設置`body`和`html`的高度為100%，這是因為默認情況下，它們的高度不符合瀏覽器窗口的高度。我們還可以添加`margin`和`padding`為0，以避免在頁面頂部和底部產生多余的空白。
接下來，我們使用`.bg`類定義了一個背景圖片，并設置了以下屬性：
- `height: 100%`：讓區域的高度與瀏覽器窗口的高度相等。
- `width: 100%`：讓區域的寬度與瀏覽器窗口的寬度相等。
- `background-image: url('image.jpg')`：設置背景圖片的URL。
- `background-repeat: no-repeat`：讓背景圖片不重復顯示。
- `background-size: cover`：讓背景圖片充滿整個區域。
- `background-position: center center`：讓背景圖片居中顯示。
最后，我們將這個區域添加到頁面中，并在其中添加了一段文本。現在，瀏覽器的窗口大小可以改變，背景圖片也會自適應地調整大小，以撐滿整個屏幕。
總之，使用HTML5可以很容易地實現背景圖片充滿全屏的效果。我們只需要一些基本的CSS屬性，就可以讓背景圖片自適應整個頁面。