CSS3背景復合寫法指的是在一個樣式聲明中同時利用多個CSS背景屬性來定義同一個元素的背景。這樣做的好處是可以避免給每個背景屬性單獨定義樣式，同時也可以讓代碼更簡潔清晰。以下是幾種常用的CSS3背景復合寫法：

/* 使用圖片和顏色來定義背景 */
background: url("image.jpg") no-repeat left top, #ffffff;
/* 使用多個圖片來定義背景 */
background: url("image1.jpg") no-repeat left top, url("image2.jpg") no-repeat right top;
/* 使用漸變來定義背景 */
background: linear-gradient(to bottom, #ffffff, #000000);
/* 使用多個顏色和圖片來定義背景 */
background: #ffffff, url("image.jpg") no-repeat center center;

值得注意的是，背景屬性的復合寫法可以按照任意順序，并且屬性之間需要用逗號分隔。

除了以上幾種常見的寫法，我們還可以通過使用Box Shadow屬性和Outline屬性來實現其他的背景復合寫法。例如，我們可以通過Box Shadow屬性來實現陰影和邊角同步設置的效果：

/* 定義陰影和圓角，實現立體按鈕效果 */
box-shadow: 0px 3px #4b4b4b, 0px -3px #4b4b4b, 3px 0px #4b4b4b, -3px 0px #4b4b4b;
border-radius: 10px;

另外，我們還可以使用Outline屬性來實現圓角和邊框同步設置的效果：

/* 定義外邊框和圓角，實現立體按鈕效果 */
outline: 2px solid #4b4b4b;
outline-offset: -2px;
border-radius: 10px;

以上就是關于CSS3背景復合寫法的一些介紹和例子，希望能夠對你的CSS設計和編寫有所幫助。