CSS是一種樣式表語言，可以用來控制網頁中元素的樣式與布局。其中，設置盒子背景顏色是常用的一種樣式之一，下面介紹一些使用CSS設置盒子背景顏色的代碼。

/*設置單個盒子背景顏色*/
.box {
background-color: #f2f2f2;
}
/*設置多個盒子背景顏色*/
.box1 {
background-color: #f2f2f2;
}
.box2 {
background-color: #d9d9d9;
}
.box3 {
background-color: #bfbfbf;
}
/*設置漸變背景色*/
.box-gradient {
background: linear-gradient(to bottom right, #e6a0c4, #ef69b1);
}
/*設置背景圖*/
.box-background {
background-image: url("background.png");
background-repeat: no-repeat;
background-size: cover;
}
/*設置背景樣式*/
.box-style {
background-color: #f2f2f2;
border: 1px solid #ccc;
border-radius: 5px;
box-shadow: 0 0 10px #ccc;
}

使用CSS設置盒子背景顏色，可以讓網頁中的元素更具有美觀性和區分度，同時也為用戶提供了更好的視覺體驗。