在页面设计中，CSS（Cascading Style Sheets）是非常重要的一个组成部分。CSS可以让我们对页面元素进行完美的样式控制，其中盒子模型是最常用的CSS属性之一。盒子模型可以帮助我们对页面元素进行布局和定位。
盒子模型的主要属性包括width（宽度）、height（高度）、margin（外边距）、padding（内边距）和border（边框）。其中，我们经常需要寻找的是对盒子进行背景颜色的属性设置。
在CSS中，盒子背景颜色的设置非常简单，可以通过 background-color 属性进行设置。比如，我们想要添加一个名字为 "container" 的盒子，并将它的背景颜色设置为淡灰色，我们可以使用以下代码实现：
.container {
width: 500px;
height: 300px;
margin: auto;
background-color: #f5f5f5;
padding: 20px;
}
在上面的代码中，我们使用了 ".container" 选择器来选中指定的盒子，并对它进行了样式设置。通过 "background-color" 属性，我们将盒子的背景颜色设置为 "#f5f5f5"，即淡灰色。通过 "padding" 属性，我们还为盒子设置了内边距，让盒子内的元素与盒子边界保持一定的距离。
当然，盒子背景颜色的设置并不仅限于单一颜色。你还可以在 "background-color" 属性中使用渐变色这样的高级设置来实现更复杂的样式效果。通过简单的 CSS 设置，我们可以轻松地实现各种各样的页面样式。
