HTML中經(jīng)常會(huì)用到背景樣式來(lái)美化網(wǎng)頁(yè)頁(yè)面的呈現(xiàn)效果。而CSS3提供了復(fù)合背景樣式，它允許我們將多個(gè)背景圖像組合在一起達(dá)到我們想要的效果。那么，如何使用CSS3的復(fù)合背景樣式呢？ 首先，我們需要了解復(fù)合背景的語(yǔ)法。CSS background屬性允許您使用多個(gè)背景圖像，而不是一個(gè)單一的圖像。 background: background-color image position/repeat size attachment; 其中，background-color指定背景顏色，image指定背景圖像，position控制圖像位置，repeat指定在X方向與Y方向如何平鋪圖像, size控制圖像大小，attachment指定如何在滾動(dòng)時(shí)顯示圖片。 下面，我們來(lái)看一個(gè)應(yīng)用復(fù)合背景樣式的例子。

p {
background: 
url(bg1.jpg) no-repeat left top, 
url(bg2.jpg) no-repeat right bottom, 
url(bg3.jpg) repeat-x left top, 
#ccc;
background-size: 200px 200px, cover, auto, auto;
background-attachment: scroll, fixed;
}

其中，我們?cè)趐標(biāo)簽中使用了4個(gè)背景圖像，每個(gè)以逗號(hào)分隔。第一和第二個(gè)是位置和大小已經(jīng)固定的圖像，第三個(gè)是水平方向平鋪的圖像，第四個(gè)是背景顏色。 注：如果圖像位置值相同，可以合并到一起。 我們還指定了每個(gè)圖像的大小，如200px或cover，通過(guò)這個(gè)可以調(diào)整背景圖像的大小。我們還可以指定圖像在滾動(dòng)時(shí)如何顯示，通過(guò)background-attachment屬性。當(dāng)值為scroll時(shí)，圖像將隨滾動(dòng)而滾動(dòng)，當(dāng)值為fixed時(shí)，圖像將固定在其位置不動(dòng)。 綜上所述，使用復(fù)合背景樣式將會(huì)給你的網(wǎng)頁(yè)頁(yè)面帶來(lái)更加生動(dòng)的視覺(jué)效果，但不要忘記在代碼中添加相關(guān)注釋?zhuān)奖阕约汉退说拈喿x和理解。