CSS背景圖怎么分開插入圖片

在CSS中，我們可以使用background-image屬性來插入圖片作為背景，如果我們想要分開插入多張圖片，就需要使用到background-position和background-repeat屬性了。

我們可以在background-image中設置多張圖片，然后用逗號隔開，這樣，瀏覽器就會按照從左到右的順序來顯示這些圖片。

body {
  background-image: url('image1.png'), url('image2.png'), url('image3.png');
}

這樣，瀏覽器就會先顯示image1.png，然后顯示image2.png，***后顯示image3.png。

我們還可以使用background-position來調整圖片的位置，如果我們想要讓第二張圖片顯示在***張圖片的下面，就可以這樣寫：

body {
  background-image: url('image1.png'), url('image2.png');
  background-position: 0 0, 0 100px;
}

這樣，瀏覽器就會將***張圖片顯示在0 0的位置，第二張圖片顯示在0 100px的位置。

我們還可以使用background-repeat來控制圖片的重復方式，如果我們想要讓***張圖片重復顯示3次，就可以這樣寫：

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

這樣，瀏覽器就會將image1.png重復顯示3次。

通過以上的方法，我們就可以在CSS中分開插入多張圖片了。