在網站設計中，背景色與文字的搭配可以起到非常重要的作用。在CSS中，設置背景色的方法非常簡單，我們可以使用background-color屬性，然后在屬性值中指定顏色就可以了。例如：

body {
background-color: #f2f2f2;
}

上面的代碼指定了網頁的背景色為淺灰色。但是，如果我們希望背景色的大小隨著文字的大小而改變，該怎么做呢？

這時候，我們需要使用一個新的屬性：background-size。通過設置這個屬性，我們可以讓背景色的大小與文字大小相匹配。

h1 {
background-color: #ff0000;
color: #fff;
padding: 10px;
background-size: auto 100%;
}

上面的代碼中，我們給標題h1元素設置了紅色的背景色，并且使用了padding屬性來留出一些空間。關鍵的一行是background-size: auto 100%;，這表示我們讓背景色的寬度自適應文本的寬度，高度則完全匹配元素的高度。

這樣，當我們繼續改變文字大小時，背景色的大小就會自動適應，頁面的整體美感也能夠保持穩定。不過，需要注意的是，背景色和文字的顏色要搭配得比較均衡，才能保證用戶體驗。