CSS可以很方便地排列多張背景圖片，讓網(wǎng)頁的視覺效果更加豐富。下面我們來詳細講解如何實現(xiàn)。

首先，我們需要使用CSS的background屬性來設(shè)置背景圖片。可以使用如下語法：

background: url(image1.jpg) 0 0 no-repeat,
url(image2.jpg) 100px 50px no-repeat,
url(image3.jpg) top center repeat;

其中，每個背景圖片都用一行來描述。每行中，首先要指定背景圖片的URL地址，然后設(shè)置它相對于容器的位置，最后設(shè)置是否重復(fù)及重復(fù)方式。多個背景圖片的排列順序由它們在代碼中的先后順序而定。

另外，我們還可以為每個背景圖片設(shè)置單獨的樣式，比如寬度、高度、透明度等。可以使用如下語法：

background-size: cover, auto, 50%;
opacity: 0.5, 0.8, 1;

其中，每個屬性值都對應(yīng)一個背景圖片。可以根據(jù)需要修改相應(yīng)的屬性值來實現(xiàn)不同的效果。

需要注意的是，老版本的瀏覽器可能不支持這個功能，需要使用兼容性代碼來處理。可以在每個background屬性的結(jié)尾添加一個逗號，然后再添加一個背景顏色，如下所示：

background: url(image1.jpg) 0 0 no-repeat,
url(image2.jpg) 100px 50px no-repeat,
url(image3.jpg) top center repeat,
#ccc;

這樣即使瀏覽器不支持多張背景圖片，也會顯示一個單獨的背景顏色。

綜上所述，CSS排列多張背景圖片可以讓網(wǎng)頁呈現(xiàn)更加多樣化的視覺效果。我們可以根據(jù)自己的需求靈活地使用這個功能來設(shè)計網(wǎng)頁。