CSS提供了非常簡(jiǎn)便的方法用圖片作為背景。但是如果需要縮小圖片，怎么辦呢？這時(shí)候background-size屬性就派上用場(chǎng)了。

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

在上面的代碼中，我們將圖片作為背景，然后用background-size屬性將圖片縮小到原來(lái)的50%大小。這里的“50% 50%”意思是按照?qǐng)D片原來(lái)的大小，分別縮小到50%的寬度和高度。我們也可以指定像素值，例如“background-size: 200px 150px;”。

除了縮小圖片，background-size還可以用來(lái)放大圖片，或?qū)D片“平鋪”。例如：

background-image: url('bg.png');
background-size: 200% 200%; /* 將圖片放大到原來(lái)的兩倍 */
background-repeat: repeat; /* 將圖片平鋪 */

注意，如果只指定一個(gè)值，那么該值將被用于寬度和高度。例如“background-size: 100px;”將把背景圖片的寬度和高度都設(shè)置為100像素。有時(shí)候我們希望只控制寬度或只控制高度，這時(shí)候可以使用“auto”關(guān)鍵字，“background-size: auto 100px;”將背景圖片寬度自適應(yīng)，高度設(shè)置為100像素。

background-size屬性非常方便，在做響應(yīng)式設(shè)計(jì)時(shí)也經(jīng)常用到。同時(shí)與其他屬性一起結(jié)合使用，可以為我們的網(wǎng)站制作出更出色的背景效果。