CSS是網(wǎng)頁(yè)設(shè)計(jì)中不可或缺的一部分，其中背景的設(shè)置也是重要的一項(xiàng)。而在設(shè)置背景時(shí)，有時(shí)需要使用兩張圖片來(lái)實(shí)現(xiàn)更獨(dú)特的效果。

/* 通過(guò)css設(shè)置兩張背景圖 */
body {
background-image: url('image-1.jpg'), url('image-2.jpg');
background-position: left top, right bottom;
background-repeat: no-repeat, no-repeat;
}

上述代碼中，我們使用了background-image來(lái)設(shè)置兩張不同的背景圖，其中第一張圖片在最上層，第二張圖片在第一張圖片下面。通過(guò)background-position來(lái)分別設(shè)置了兩張圖片的位置，而background-repeat則控制圖片是否重復(fù)。在這里，我們?cè)O(shè)置為不重復(fù)，以達(dá)到更加自然的效果。

在使用兩張背景圖片時(shí)，還可以通過(guò)其他的方式來(lái)實(shí)現(xiàn)不同的效果。例如，在hover時(shí)切換圖片、圖片的混合等等。總之，CSS提供了許多方法來(lái)實(shí)現(xiàn)背景圖片的設(shè)計(jì)和展示，只需靈活運(yùn)用，就可以實(shí)現(xiàn)獨(dú)特的效果。