CSS可以通過(guò)background-image屬性來(lái)設(shè)置頁(yè)面中的背景圖片，同時(shí)還能夠通過(guò)background-position屬性來(lái)調(diào)整圖片的位置。在某些情況下，我們需要在同一個(gè)頁(yè)面中設(shè)置多個(gè)背景圖片，并且需要設(shè)置它們各自的位置。

為了實(shí)現(xiàn)這個(gè)目標(biāo)，我們可以在CSS中使用多個(gè)background-image和background-position屬性，如下所示：

div {
background-image: url(image1.jpg), url(image2.jpg);
background-position: top left, bottom right;
}

上面的代碼將div元素背景設(shè)置為兩張不同的圖片，并將它們分別放置在左上角和右下角位置。我們可以通過(guò)逗號(hào)分隔的方式添加更多的背景圖片和位置屬性，如下所示：

div {
background-image: url(image1.jpg), url(image2.jpg), url(image3.jpg);
background-position: top left, bottom right, center;
}

上面的代碼將div元素背景設(shè)置為三張不同的圖片，并將它們分別放置在左上角、右下角和居中位置。

需要注意的是，當(dāng)我們?cè)贑SS中使用多個(gè)背景圖片時(shí)，最后一個(gè)background-image屬性不需要加逗號(hào)。

除了使用多個(gè)background-image和background-position屬性之外，我們還可以通過(guò)CSS3中的background-size屬性來(lái)調(diào)整圖片的大小。例如：

div {
background-image: url(image1.jpg), url(image2.jpg);
background-position: top left, bottom right;
background-size: 50% auto, 100px 100px;
}

上面的代碼將div元素背景設(shè)置為兩張不同的圖片，并將它們分別放置在左上角和右下角位置。同時(shí)，第一張圖片的大小為原始大小的50%，第二張圖片的大小為100像素乘以100像素。

在實(shí)際開發(fā)中，我們可以根據(jù)需要自由組合多個(gè)背景圖片和位置屬性，從而實(shí)現(xiàn)更加豐富的頁(yè)面效果。