CSS中，可以通過(guò)background-image屬性來(lái)為元素添加背景圖片。當(dāng)圖片的大小不夠元素的大小時(shí)，我們需要平鋪這個(gè)背景圖片，使它能夠填滿整個(gè)元素。在CSS中，有三種平鋪方式可以選擇。這篇文章將講解如何通過(guò)CSS添加背景圖平鋪。 第一種方式是重復(fù)平鋪，即background-repeat:repeat。這種方式是默認(rèn)的平鋪方式，會(huì)將背景圖片以平鋪的形式重復(fù)圖像。比如，我們可以使用下面這段代碼將一張紅色的圖片平鋪到整個(gè)body元素：

body {
background-image:url('red.png');
background-repeat:repeat;
}

第二種方式是橫向平鋪，即background-repeat:repeat-x。這種方式只會(huì)將背景圖片在水平方向重復(fù)平鋪，而不會(huì)在垂直方向上進(jìn)行平鋪。比如，我們可以使用下面這段代碼將一張花紋的圖片在頁(yè)面的頂部進(jìn)行橫向平鋪：

header {
background-image:url('pattern.png');
background-repeat:repeat-x;
}

第三種方式是垂直平鋪，即background-repeat:repeat-y。這種方式與橫向平鋪類(lèi)似，只是將圖片在垂直方向進(jìn)行重復(fù)平鋪。比如，我們可以使用下面這段代碼將一張圖片在頁(yè)面的左側(cè)進(jìn)行垂直平鋪：

aside {
background-image:url('lines.png');
background-repeat:repeat-y;
}

以上三種平鋪方式都是在background-image屬性和background-repeat屬性中進(jìn)行設(shè)置。如果您不希望圖片進(jìn)行平鋪，可以使用background-repeat:no-repeat屬性來(lái)設(shè)置。 總結(jié)一下，通過(guò)CSS添加背景圖平鋪有三種方式：重復(fù)平鋪、橫向平鋪和垂直平鋪。您可以根據(jù)需求選擇相應(yīng)的方式來(lái)實(shí)現(xiàn)您想要的效果。