HTML5作為現(xiàn)代網(wǎng)頁(yè)開發(fā)的標(biāo)準(zhǔn)，提供了豐富的功能，其中之一就是背景設(shè)置。我們可以通過(guò)設(shè)置背景顏色或者背景圖片來(lái)美化網(wǎng)頁(yè)，同時(shí)可以使頁(yè)面更加生動(dòng)活潑。而在這些基本的背景設(shè)置中，背景平鋪也是經(jīng)常被使用的一種。下面就讓我們來(lái)了解一下如何使用HTML5來(lái)設(shè)置平鋪背景。

CSS 代碼：
body{
background: url(圖片地址) repeat;
}

以上CSS代碼中，我們?cè)赽ody標(biāo)簽中使用了background屬性，并給屬性值指定了一個(gè)圖片URL，同時(shí)加上了一個(gè)repeat屬性。這個(gè)repeat屬性的作用就是告訴瀏覽器把圖片平鋪在整個(gè)頁(yè)面的背景上。

但是需要注意的是，如果圖片與頁(yè)面大小不匹配，那么平鋪出來(lái)的效果肯定會(huì)很丑陋。這時(shí)候可以通過(guò)合理的設(shè)置背景圖片的大小來(lái)得到更好的效果。

CSS 代碼：
body{
background: url(圖片地址) repeat;
background-size: cover;
}

以上CSS代碼中，我們?cè)谠械拇a基礎(chǔ)上，增加了background-size屬性，給屬性值設(shè)置了一個(gè)cover。這個(gè)屬性值代表的是讓圖片自適應(yīng)頁(yè)面大小并進(jìn)行平鋪，從而得到更好的視覺(jué)效果。

總的來(lái)說(shuō)，HTML5背景的平鋪設(shè)置十分簡(jiǎn)單，只需要簡(jiǎn)單的CSS屬性就可以輕松地達(dá)成效果。當(dāng)然，如果你想要更加高級(jí)的背景效果，也可以通過(guò)組合各種聰明的CSS屬性來(lái)得到自己心儀的效果。