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

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

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

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

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

另外，我們還可以使用Outline屬性來實(shí)現(xiàn)圓角和邊框同步設(shè)置的效果：

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

以上就是關(guān)于CSS3背景復(fù)合寫法的一些介紹和例子，希望能夠?qū)δ愕腃SS設(shè)計(jì)和編寫有所幫助。