HTML5代碼中，背景圖片是一個非常常見的元素。在網頁設計中，為網頁設置一張漂亮的背景圖片能夠增強網頁的美感。在HTML5中，設置背景圖片的方法也非常簡單。 首先，在HTML5中，使用CSS來控制網頁的樣式。要設置背景圖片，只需要在CSS中添加一段代碼即可。代碼如下：

body {
background-image: url("bg.jpg");
}

這段代碼的意思是，將網頁的背景圖片設置為名為“bg.jpg”的圖片。需要注意的是，這個圖片文件必須與HTML文件處于相同的文件夾下才能找到。 當然，如果想讓背景圖片鋪滿整個網頁，可以設置背景圖片的屬性如下：

body {
background-image: url("bg.jpg");
background-size: cover;
background-repeat: no-repeat;
}

這段代碼會將圖片等比例放大或縮小，直到它能夠覆蓋整個網頁。同時，為了避免圖片在網頁上出現重復，我們將背景圖片的復制設置成no-repeat（不重復）。 當然，除了網頁的主體部分，我們還可以單獨設置某一個HTML元素的背景圖片。例如，如果想為網頁的標題設置一個圖片背景，只需要在CSS中添加如下代碼：

h1 {
background-image: url("title-bg.jpg");
background-repeat: no-repeat;
background-position: center;
}

這段代碼中，我們使用background-position屬性將背景圖片的位置設置在標題的中央。 在使用背景圖片時，需要特別注意圖片的大小和加載速度。如果圖片過大，將會顯著地減慢網頁的加載速度。因此，在使用圖片時，一定要把大小控制好，以保證網頁能夠快速加載。 總之，在HTML5中，設置背景圖片是一件非常簡單的事情。只需要在CSS中添加一段代碼即可輕松實現。通過掌握這個技巧，我們可以為網頁增加更多的美感和個性。