HTML5設置圖片背景顏色 HTML5中，我們可以使用CSS樣式表的background屬性為圖片設置背景顏色。 比如以下代碼：

<style>
.bg-img {
background-image: url('image.png');
background-color: #f2f2f2;
}
</style>
<div class="bg-img"></div>

這里我們定義了一個class為"bg-img"的div，通過background-image屬性為其設置了一張圖片，然后通過background-color屬性為其設置了一個用16進制表示的背景顏色。 這樣，即使圖片沒有完全加載出來，頁面也會顯示背景顏色，使用戶在等待時能夠感知到頁面正在加載。 如果需要對多個圖片進行背景色設置，可以考慮將樣式定義在一個CSS類中，然后分別對需要設置的圖片進行引用，如下：

<style>
.bg-img {
background-color: #f2f2f2;
}
.bg-img1 {
background-image: url('image1.png');
}
.bg-img2 {
background-image: url('image2.png');
}
</style>
<div class="bg-img bg-img1"></div>
<div class="bg-img bg-img2"></div>

這里我們定義了一個class為"bg-img"的樣式，并將背景色設置在該樣式中。然后分別定義了class為"bg-img1"和"bg-img2"的樣式，并在HTML中的兩個div中分別引用了這兩個樣式和"bg-img"樣式。 這樣，我們就可以對多個圖片進行背景色設置。 總結 使用HTML5的background屬性，我們可以為圖片設置背景顏色，以優化網頁加載體驗。需要注意的是，要使用16進制表示的顏色代碼，并可以將樣式定義在同一個CSS類中，方便對多個圖片進行背景色設置。