CSS設置多個背景圖片的方法

在CSS中，我們可以使用background-image屬性來設置多個背景圖片，這個屬性接受一個圖片列表，每個圖片用逗號隔開，這樣，瀏覽器會按照從左到右的順序顯示這些圖片。

我們可以這樣設置：

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

在這個例子中，瀏覽器會先顯示image1.png，然后顯示image2.png，***后顯示image3.png，這些圖片可以是在同一目錄下，也可以是在不同的目錄下，只需要提供正確的相對路徑或***路徑即可。

需要注意的是，如果圖片的大小或形狀不同，那么顯示效果可能會有些奇怪，為了解決這個問題，我們可以給每個圖片設置background-position和background-repeat屬性來控制圖片的位置和重復方式。

body {
    background-image: url(image1.png), url(image2.png), url(image3.png);
    background-position: left top, right top, center center;
    background-repeat: no-repeat, no-repeat, repeat;
}

在這個例子中，image1.png會顯示在左側頂部，image2.png會顯示在右側頂部，image3.png會顯示在中心位置，并且會重復顯示。

CSS提供了強大的背景圖片設置功能，我們可以根據(jù)需要設置多個背景圖片，并且控制它們的顯示位置和重復方式。