CSS3 背景綜合實例可以讓我們通過使用各種背景屬性，美化網站的外觀和提高用戶體驗。

/* 定義使用在背景上的顏色值 */
body {
background-color: #F5F5F5;
}
/* 使用背景圖像以及重復性 */
div {
background-image: url(images/bg-pattern.png);
background-repeat: repeat;
}
/* 使用背景圖像的平鋪方式以及位置 */
header {
background-image: url(images/header-bg.jpg);
background-repeat: no-repeat;
background-position: right top;
}
/* 定義線性漸變背景 */
section {
background: linear-gradient(to bottom, #FFFFFF, #FFB6C1);
}
/* 定義徑向漸變背景 */
article {
background: radial-gradient(circle, #FFFFFF, #87CEFA);
}
/* 使用背景內嵌圖片 */
aside {
background: url(images/icon.png) no-repeat center;
}
/* 定義多個背景圖像的組合 */
footer {
background: url(images/footer-bg.jpg) no-repeat center, linear-gradient(to bottom, #000000, #FFFFFF);
}

以上就是一些常見的 CSS3 背景使用例子，當然您可以根據自己的需求來定義樣式。完美的背景組合可以提高網站的外觀以及整體視覺效果。