CSS中修改背景圖大小的方法

在CSS中，我們可以使用background-size屬性來(lái)修改背景圖的大小，這個(gè)屬性可以指定背景圖片的寬度和高度，或者只指定一個(gè)值，另一個(gè)值會(huì)自動(dòng)縮放以保持原始圖片的寬高比。

如果我們有一個(gè)背景圖片，我們想要將其寬度設(shè)置為100px，高度設(shè)置為50px，我們可以這樣寫(xiě)：

div {
  background-image: url('image.jpg');
  background-size: 100px 50px;
}

如果我們只想要設(shè)置寬度，高度自動(dòng)縮放，可以只寫(xiě)一個(gè)值：

div {
  background-image: url('image.jpg');
  background-size: 100px;
}

這樣，背景圖片的寬度就會(huì)被設(shè)置為100px，高度會(huì)自動(dòng)縮放以保持原始圖片的寬高比。

需要注意的是，background-size屬性?xún)H適用于CSS3支持的環(huán)境，在一些老舊的瀏覽器版本中，可能無(wú)法正常工作，在使用之前，***好先確認(rèn)一下你的目標(biāo)瀏覽器是否支持CSS3。

如果你想要修改的是HTML元素中的背景圖片大小，那么你需要將CSS樣式應(yīng)用到相應(yīng)的HTML元素上，如果你想要修改一個(gè)div元素的背景圖片大小，你需要將上述CSS樣式應(yīng)用到該div元素上。