在网站设计中，背景色与文字的搭配可以起到非常重要的作用。在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%;，这表示我们让背景色的宽度自适应文本的宽度，高度则完全匹配元素的高度。

这样，当我们继续改变文字大小时，背景色的大小就会自动适应，页面的整体美感也能够保持稳定。不过，需要注意的是，背景色和文字的颜色要搭配得比较均衡，才能保证用户体验。