CSS3的背景屬性非常豐富，能夠實現多樣的背景效果，其中 background 屬性就是其中最重要的一個。在 background 屬性基礎上，還有 background-color、background-image、background-repeat、background-position、background-size、background-origin、background-clip、background-attachment 等多個子屬性，讓我們可以對元素的背景進行更為精細的控制和調整。

/* 設置背景顏色為粉色 */
div {
background-color: pink;
}
/* 設置背景圖片為一張樹木圖片，重復*/ 
div {
background-image: url("tree.png");
background-repeat: repeat;
}
/* 設置背景圖片為一張固定在頁面右上角的太陽圖片 */
div {
background-image: url("sun.png");
background-position: top right;
background-attachment: fixed;
}
/* 設置背景圖片為一張占據整個元素的圖片 */
div {
background-image: url("bg.png");
background-size: cover;
}
/* 設置背景顏色從左側漸變為右側，當作漸變背景 */
div {
background: linear-gradient(to right, red, yellow);
}
/* 設置背景顏色為徑向漸變 */
div {
background: radial-gradient(circle, blue, green, yellow);
}
/* 設置背景圖片從頂部開始，到底部透明度逐漸為0 */
div {
background: linear-gradient(to bottom, rgba(255,255,255,0), rgba(255,255,255,1)), url("bg.png");
}

當然，這里只是列舉了一些背景屬性的常見用法，CSS3 的背景屬性還有很多其他高級的方法，需要我們在實踐中多加嘗試和體驗。