CSS是前端開發(fā)的重要組成部分，其中設置背景圖也是很常見的操作。在有些情況下，我們可能需要設置兩張背景圖，這篇文章就來介紹一下如何做到這一點。

在CSS中，我們可以使用background屬性來設置背景圖。如果只設置一張背景圖，那么代碼就是這樣的：

div {
background: url(bg.jpg) no-repeat center center;
}

其中，“bg.jpg”表示背景圖的路徑，no-repeat表示不重復，center center表示背景圖在容器中居中顯示。如果我們需要設置兩張背景圖，可以使用background-image屬性，代碼如下：

div {
background-image: url(bg1.jpg), url(bg2.jpg);
background-repeat: no-repeat, no-repeat;
background-position: center center, right bottom;
}

在這個代碼中，我們使用了background-image、background-repeat和background-position三個屬性。其中background-image用于設置背景圖的路徑，注意它可以同時設置兩張背景圖，中間用逗號隔開。background-repeat和background-position分別用于設置兩張背景圖的重復方式和位置。

需要注意的是，設置兩張背景圖時要注意它們之間的顯示順序。代碼中第一個背景圖會顯示在上層，第二個背景圖會顯示在下層，如果要改變它們之間的順序，可以交換它們的代碼順序。

綜上所述，設置兩張背景圖的CSS代碼就是這樣的，需要注意語法和順序。如果需要具體實現(xiàn)，可以根據(jù)自己的需求進行調(diào)整。