CSS的多背景復合圖技術，可以讓我們在單一的元素中同時展示多張背景圖片。這樣可以簡化HTML代碼，提高網頁的性能和效果。

在CSS3之前，網頁開發者通常需要在HTML代碼中嵌套多個div元素來實現復合背景圖的效果。但隨著CSS3的到來，我們可以使用新的background-image屬性來輕松實現這一效果。

background-image: url(image1.png), url(image2.png), url(image3.png);
background-repeat: no-repeat, repeat-x, repeat-y;
background-position: left top, center, right bottom;

上面的代碼展示了一個使用三張圖片的多背景復合圖，包括了每張圖片的位置，以及是否重復的設置。我們可以用逗號分隔不同的背景圖片，用順序表示它們的層級關系。

值得一提的是，多背景復合圖并不只是用來實現好看的網頁背景。我們也可以在單個元素中結合多個圖片實現各種獨特的效果，例如復合字體、線框、邊框等。使用多背景復合圖技術可以大大減少HTML代碼，并且允許我們將視覺設計融入到CSS樣式中。

使用多背景復合圖，可以使我們的網頁更加復雜多樣，相信在很多網站的設計中都會用到。所以在我們的CSS技術學習中，多背景復合圖這個技巧也是不可或缺的一部分。