CSS3 背景平鋪是一種較為常見(jiàn)的前端技術(shù)，可以將指定的背景圖片在頁(yè)面中水平或垂直方向進(jìn)行重復(fù)的平鋪，以實(shí)現(xiàn)更為豐富的頁(yè)面效果。下面將介紹 CSS3 背景平鋪的用法。

/* 水平重復(fù)背景圖片 */
background-image: url('background.jpg');
background-repeat: repeat-x;
/* 垂直重復(fù)背景圖片 */
background-image: url('background.jpg');
background-repeat: repeat-y;
/* 水平和垂直重復(fù)背景圖片 */
background-image: url('background.jpg');
background-repeat: repeat;

在上述代碼中，我們通過(guò)background-image屬性指定了需要進(jìn)行平鋪的背景圖片，然后通過(guò)background-repeat屬性指定了平鋪的方向。其中，repeat-x表示在水平方向重復(fù)，repeat-y表示在垂直方向重復(fù)，而repeat則表示同時(shí)在水平和垂直方向重復(fù)。

除了上述的屬性外，我們還可以通過(guò)background-size屬性來(lái)指定平鋪的大小，包括長(zhǎng)度、寬度、百分比等等。

/* 水平重復(fù)背景圖片，每次平鋪長(zhǎng)度為 100px，高度與容器相同 */
background-image: url('background.jpg');
background-repeat: repeat-x;
background-size: 100px auto;
/* 垂直重復(fù)背景圖片，每次平鋪高度為 100px，長(zhǎng)度與容器相同 */
background-image: url('background.jpg');
background-repeat: repeat-y;
background-size: auto 100px;

需要注意的是，在使用 CSS3 背景平鋪時(shí)，我們要選擇合適的背景圖像，并根據(jù)需要進(jìn)行適當(dāng)?shù)某叽缯{(diào)整，以保證平鋪后的效果令人滿意。