CSS提供了非常简便的方法用图片作为背景。但是如果需要缩小图片，怎么办呢？这时候background-size属性就派上用场了。

background-image: url('bg.png');
background-size: 50% 50%;

在上面的代码中，我们将图片作为背景，然后用background-size属性将图片缩小到原来的50%大小。这里的“50% 50%”意思是按照图片原来的大小，分别缩小到50%的宽度和高度。我们也可以指定像素值，例如“background-size: 200px 150px;”。

除了缩小图片，background-size还可以用来放大图片，或将图片“平铺”。例如：

background-image: url('bg.png');
background-size: 200% 200%; /* 将图片放大到原来的两倍 */
background-repeat: repeat; /* 将图片平铺 */

注意，如果只指定一个值，那么该值将被用于宽度和高度。例如“background-size: 100px;”将把背景图片的宽度和高度都设置为100像素。有时候我们希望只控制宽度或只控制高度，这时候可以使用“auto”关键字，“background-size: auto 100px;”将背景图片宽度自适应，高度设置为100像素。

background-size属性非常方便，在做响应式设计时也经常用到。同时与其他属性一起结合使用，可以为我们的网站制作出更出色的背景效果。