CSS背景復合屬性是一種在網頁設計中常用的技術。它能夠將多個不同的背景屬性合并為一個屬性，使得網頁設計更加簡潔、優美，同時也能更好地提高網頁加載速度，提高用戶體驗。以下是一個CSS背景復合屬性的實例：

/* 使用CSS背景復合屬性設置背景 */
background: url("img/bg.jpg") no-repeat center center/cover fixed;

上述代碼中，將多個下列屬性合并到了一個background屬性中：

background-image: url("img/bg.jpg");
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
background-attachment: fixed;

此時，頁面的背景將以"bg.jpg"圖像文件作為背景圖片，且不會重復出現。圖像將被居中顯示，并且使用"cover"選項使該圖像盡可能覆蓋整個窗口區域。最后，"fixed"選項將使背景圖像固定，不會隨著網頁滾動而滾動。

使用CSS背景復合屬性能夠讓網頁設計更加簡潔、美觀，同時也具有提高網頁加載速度，提高用戶體驗等多種優點。編寫CSS復合屬性時，需要注意各個屬性的書寫順序，避免錯誤的書寫導致網頁呈現不正確的樣式。