CSS3中提供了更為豐富的背景顏色代碼，讓我們可以輕松地實現各種炫酷的效果。

/* 16進制顏色代碼 */
background-color: #ffffff; /* 白色 */
background-color: #000000; /* 黑色 */
background-color: #ff0000; /* 紅色 */
background-color: #00ff00; /* 綠色 */
background-color: #0000ff; /* 藍色 */
/* RGB顏色代碼 */
background-color: rgb(255, 255, 255); /* 白色 */
background-color: rgb(0, 0, 0); /* 黑色 */
background-color: rgb(255, 0, 0); /* 紅色 */
background-color: rgb(0, 255, 0); /* 綠色 */
background-color: rgb(0, 0, 255); /* 藍色 */
/* RGBA顏色代碼 */
background-color: rgba(255, 255, 255, 0.5); /* 半透明白色 */
background-color: rgba(0, 0, 0, 0.5); /* 半透明黑色 */
background-color: rgba(255, 0, 0, 0.5); /* 半透明紅色 */
background-color: rgba(0, 255, 0, 0.5); /* 半透明綠色 */
background-color: rgba(0, 0, 255, 0.5); /* 半透明藍色 */

除了以上常用的顏色代碼外，CSS3還提供了更為細致的取色方式，讓我們可以更加精確地控制背景顏色。