HTML平鋪背景圖片是一種常見的網(wǎng)頁(yè)背景，可以讓頁(yè)面更加美觀。下面介紹一下HTML的代碼實(shí)現(xiàn)方法。
在HTML中正常情況下，我們?cè)赽ody標(biāo)簽內(nèi)使用background屬性添加背景圖片，這樣背景圖片將會(huì)在頁(yè)面中自動(dòng)平鋪。
例如：
<body style="background-image: url('background.jpg');">
<p>這是一個(gè)網(wǎng)頁(yè)的內(nèi)容</p>
</body>這里的background-image屬性指定了平鋪的圖片地址，也可以使用相對(duì)地址或絕對(duì)地址。
如果需要控制背景圖片的平鋪方式，比如只平鋪橫向或縱向，可以使用background-repeat屬性。
background-repeat屬性的值包括：
- repeat：默認(rèn)值，背景圖片將水平和垂直方向平鋪
- repeat-x：只在水平方向重復(fù)
- repeat-y：只在垂直方向重復(fù)
- no-repeat：不平鋪，只顯示一次
例如：<body style="background-image: url('background.jpg'); background-repeat: repeat-x;">
<p>這是一個(gè)網(wǎng)頁(yè)的內(nèi)容</p>
</body>這里的background-repeat屬性值為repeat-x，表示只在水平方向重復(fù)平鋪。
如果需要將背景圖片固定在頁(yè)面中，不隨頁(yè)面滾動(dòng)而移動(dòng)，可以使用background-attachment屬性。
background-attachment屬性的值包括：
- scroll：默認(rèn)值，背景圖片隨頁(yè)面滾動(dòng)
- fixed：背景圖像固定在窗口中
- local：背景圖像隨元素內(nèi)容滾動(dòng)
例如：<body style="background-image: url('background.jpg'); background-attachment: fixed;">
<p>這是一個(gè)網(wǎng)頁(yè)的內(nèi)容</p>
</body>這里的background-attachment屬性值為fixed，表示背景圖片固定在窗口中。
綜上所述，HTML中平鋪背景圖片的代碼非常簡(jiǎn)單，只需要在body標(biāo)簽中添加background-image屬性即可。同時(shí)，可以通過background-repeat和background-attachment屬性進(jìn)一步控制背景圖片的效果。