CSS背景顏色代碼是網站設計中最重要的一部分之一。通過設置不同的背景顏色來豐富網站的視覺效果，加強頁面的辨識度，讓網站更加美觀，吸引更多的用戶。

/* 設置背景顏色 */
body {
background-color: #f7f7f7; /* 淺灰色 */
}
/* 設置不同元素的背景顏色 */
h1 {
background-color: #f1c40f; /* 黃色 */
}
p {
background-color: #2980b9; /* 藍色 */
}
/* 設置透明度 */
div {
background-color: rgba(0, 0, 0, 0.5); /* 黑色半透明 */
}

在CSS中，可以使用十六進制顏色代碼或預定義顏色名稱來設置背景顏色，如“#f7f7f7”或“white”。還可以使用CSS3提供的rgba屬性設置背景顏色的透明度，如“rgba(0, 0, 0, 0.5)”表示黑色半透明。

在網站設計中，選擇合適的背景顏色是一項必不可少的工作。應該根據網站的主題、定位和用戶群體來選擇背景顏色，讓用戶感覺舒適、自然并且易于閱讀。通過合理設置背景色，能夠突出網站的主要內容并提高用戶體驗。