CSS背景圖平鋪技巧

在CSS中，我們可以通過設置背景圖像的repeat屬性來讓其平鋪，我們可以使用repeat-x、repeat-y或repeat來實現(xiàn)水平、垂直或兩個方向的平鋪。

如果我們想要讓背景圖在水平方向上平鋪，我們可以這樣寫：

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

如果我們想要讓背景圖在垂直方向上平鋪，我們可以這樣寫：

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

如果我們想要讓背景圖在兩個方向上都平鋪，我們可以這樣寫：

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

需要注意的是，如果背景圖像的尺寸與容器不匹配，可能會導致平鋪效果不佳，在實際情況中，我們可能需要先對背景圖像進行處理，再設置為背景。

CSS還提供了其他與背景相關的屬性，如背景位置（background-position）、背景大?。╞ackground-size）等，我們可以根據(jù)具體需求進行設置。