CSS作為前端開(kāi)發(fā)中不可或缺的一部分，它可以讓我們輕松地控制網(wǎng)頁(yè)的外觀和布局。其中，設(shè)置網(wǎng)頁(yè)背景顏色的代碼也是應(yīng)用最為廣泛的之一。

body {
background-color: #CCCCCC;
}

如上所示，我們可以使用 background-color 屬性來(lái)設(shè)置網(wǎng)頁(yè)的背景顏色。其中，#CCCCCC 表示十六進(jìn)制顏色代碼灰色，你可以根據(jù)自己的需要設(shè)置不同的顏色。另外，也可以使用 rgb() 或者 rgba() 函數(shù)來(lái)設(shè)置顏色。

body {
background-color: rgb(255, 0, 0);  /* 紅色 */
background-color: rgba(255, 0, 0, 0.3);  /* 透明度為0.3的紅色 */
}

如果你想為網(wǎng)頁(yè)設(shè)置漸變顏色，也可以使用 CSS3 中新增的漸變函數(shù) linear-gradient() 或 radial-gradient()。

body {
background: linear-gradient(to bottom, #FFA07A, #FF6347);  /* 從上到下垂直漸變 */
background: radial-gradient(circle, #6495ED, #4169E1);  /* 徑向漸變 */
}

在設(shè)置網(wǎng)頁(yè)背景顏色時(shí)，還可以使用一些 CSS 高級(jí)技巧，比如使用 background-image 屬性添加背景圖像，或者使用 background-size 屬性控制背景圖片尺寸等等。無(wú)論你想要實(shí)現(xiàn)什么效果，多嘗試、多學(xué)習(xí)才能更加?jì)故斓卣莆?CSS。