今天我們來講一下 CSS3 背景尺寸（background-size）的使用。 在過去，我們只能通過裁剪圖片或拉伸圖片的方式來調(diào)整背景圖片的尺寸大小。但是，隨著 CSS3 的發(fā)展，我們現(xiàn)在可以使用 background-size 屬性來精確地控制背景圖片的尺寸大小和位置。 background-size 屬性有兩個值：寬度和高度。如果只提供一個值，那么將自動設(shè)置為“auto”。如果提供了兩個值，則第一個值表示寬度，第二個值表示高度。 例如，我們可以將背景圖片的大小設(shè)置為寬度為 200px，高度為 300px，如下所示：

div{
background-image:url(bg-image.png);
background-size:200px 300px;
}

我們也可以使用特殊的值來控制背景圖片的重復和位置。例如，“contain”將背景圖片放在容器中，但不會縮放圖片；而“cover”將背景圖片放在容器上并縮放它以完全覆蓋容器。 下面是一個使用“contain”值的例子：

div{
background-image:url(bg-image.png);
background-size:contain;
}

我們還可以使用百分比來控制背景圖像的尺寸和位置。例如，“50% 50%”將背景圖像定位在容器的中心。

div{
background-image:url(bg-image.png);
background-size:50% 50%;
}

總之，CSS3 背景尺寸是一個強大的工具，可以精確地控制背景圖片的尺寸和位置。合理運用 CSS3 背景尺寸可以讓網(wǎng)站更具美感和吸引力！