CSS3提供了更加豐富的樣式，其中包括能夠改變背景顏色的屬性，下面就來介紹如何通過CSS3改變背景顏色。

/* 改變背景顏色 */
body {
background-color: #fff; /* 將頁面背景顏色改為白色 */
}
div {
background-color: rgba(255, 100, 0, 0.5); /* 將div的背景顏色改為半透明的橙色 */
}
h1 {
background-color: hsl(220, 70%, 50%); /* 將標題h1的背景顏色改為HSL顏色模式下的深藍色 */
}

CSS3提供了多種改變背景顏色的方式，除了上述的選項外，還可以使用linear-gradient漸變色實現背景效果。

/* 通過linear-gradient實現背景漸變 */
div {
background: linear-gradient(to left, #f00, #00f); /* 將div的背景顏色漸變從紅色到藍色 */
}

使用CSS3改變背景顏色能夠增強頁面的視覺效果，同時也使得頁面設計更加靈活多樣。