CSS背景色是网站设计中很重要的一部分，可以通过它来营造出不同的氛围和风格。在实际运用中，有时我们需要让背景色变小，这样不仅有利于页面美观，也可以提高网站的加载速度。

上面是一段预定义样式的代码，你只需要在里面更改背景颜色即可改变页面的背景色。同时，我们可以使用一个容器来控制背景色的大小。

首先，我们需要在CSS文件中设置容器的宽度和高度，然后设置背景颜色和背景大小即可。

.container {
width: 200px;
height: 150px;
background-color: #fff;
background-size: 50%;
}

通过设置背景大小的百分比，即可控制背景色的大小，使它被缩小。

参数值对应关系如下：
auto：背景图像的原始尺寸
contain：背景图像等比缩放以适应容器，只有其中一个方向能够适应容器
cover：背景图像等比缩放以填充容器，只有其中一个方向会被汇聚
50% 50%：背景图像居中，以容器的50%的大小做缩放

总之，通过在CSS中设置背景大小的百分比，我们可以轻松地控制CSS背景色的大小，实现网站页面的精美设计。