CSS背景色是網(wǎng)站設(shè)計中很重要的一部分，可以通過它來營造出不同的氛圍和風(fēng)格。在實(shí)際運(yùn)用中，有時我們需要讓背景色變小，這樣不僅有利于頁面美觀，也可以提高網(wǎng)站的加載速度。

上面是一段預(yù)定義樣式的代碼，你只需要在里面更改背景顏色即可改變頁面的背景色。同時，我們可以使用一個容器來控制背景色的大小。

首先，我們需要在CSS文件中設(shè)置容器的寬度和高度，然后設(shè)置背景顏色和背景大小即可。

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

通過設(shè)置背景大小的百分比，即可控制背景色的大小，使它被縮小。

參數(shù)值對應(yīng)關(guān)系如下：
auto：背景圖像的原始尺寸
contain：背景圖像等比縮放以適應(yīng)容器，只有其中一個方向能夠適應(yīng)容器
cover：背景圖像等比縮放以填充容器，只有其中一個方向會被匯聚
50% 50%：背景圖像居中，以容器的50%的大小做縮放

總之，通過在CSS中設(shè)置背景大小的百分比，我們可以輕松地控制CSS背景色的大小，實(shí)現(xiàn)網(wǎng)站頁面的精美設(shè)計。