現(xiàn)在web頁面的設(shè)計(jì)中，背景圖片的使用已成為常規(guī)操作。而不同的背景圖片展示方式，可以給頁面帶來截然不同的視覺效果。其中，背景平鋪（Background Repeat）是一種簡單實(shí)用的方式。在CSS中，設(shè)置背景平鋪?zhàn)畛Ｓ玫膶傩允莃ackground-repeat，下面就來一起學(xué)習(xí)一下背景平鋪CSS的使用吧。

首先，我們先來看一下background-repeat屬性的語法格式：

background-repeat: repeat | repeat-x | repeat-y | no-repeat;

其中，repeat表示背景圖像將在縱向和橫向重復(fù)，repeat-x表示背景圖像將在橫向重復(fù)，repeat-y表示背景圖像將在縱向重復(fù)，no-repeat表示背景圖像不重復(fù)，只顯示一次。

接下來，我們來看一下實(shí)際的代碼應(yīng)用吧：

body {
background-image: url("bg.png");
background-repeat: repeat-x; /*橫向平鋪*/
}
它的效果就是這樣的：

當(dāng)然，我們也可以將它們組合起來，如下所示：

body {
background-image: url("bg.png");
background-repeat: repeat-y; /*縱向平鋪*/
}
它的效果就是這樣的：

我們還可以將多張背景圖片組合在一起，共同完成背景平鋪效果，如下面的例子。

body {
background-image: url("bg1.png"), url("bg.png"); /*兩張背景圖*/
background-repeat: no-repeat, repeat-x;
background-position: center center, top left;  /*兩張背景圖的定位*/
background-size: auto auto, cover;  /*兩張背景圖的尺寸*/
}
它的效果就是這樣的：

總之，在Web頁面的設(shè)計(jì)過程中，背景圖片不再限于單一的展示方式，而是可以根據(jù)頁面的需要靈活設(shè)定。背景平鋪CSS的應(yīng)用，不僅可以讓頁面更加美觀、和諧，同時(shí)也方便了開發(fā)人員的操作和維護(hù)。