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

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

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

<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>

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