盒子顏色是一個在網頁設計中非常重要的概念。通過CSS代碼，我們可以給HTML元素設置不同的盒子顏色，從而實現網頁色彩的變化和美化。下面是一些盒子顏色CSS代碼的使用介紹：

/* 設置背景顏色 */
body {
background-color: #f2f2f2;
}
/* 設置文字顏色 */
p {
color: blue;
}
/* 設置邊框顏色 */
div {
border: 1px solid red;
}
/* 設置盒子陰影 */
span {
box-shadow: 2px 2px 2px #999;
}

在上面的代碼中，我們使用了四種不同的CSS屬性來設置盒子顏色。分別是：background-color，color，border和box-shadow。

background-color屬性用于設置HTML元素的背景顏色。在上面的代碼中，我們給body元素設置了一個灰色的背景顏色，使整個頁面看起來更加和諧。

color屬性用于設置HTML元素的文字顏色。在上面的代碼中，我們給

元素設置了藍色的文字顏色。

border屬性用于設置HTML元素的邊框顏色。在上面的代碼中，我們給