CSS中更改背景圖片大小的方法

在CSS中，我們可以使用background-size屬性來更改背景圖片的大小，這個屬性可以指定背景圖片的寬度和高度，或者只指定一個值，另一個值會自動縮放以保持原始圖片的寬高比。

如果我們想要將背景圖片的寬度設(shè)置為100px，高度設(shè)置為200px，可以使用以下CSS代碼：

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

如果我們只想要指定寬度，高度自動縮放，可以使用以下CSS代碼：

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

我們還可以使用contain和cover關(guān)鍵字來指定背景圖片的縮放方式。contain表示保持圖片的原始寬高比，并縮放圖片以適應容器的大?。?code>cover則表示將圖片縮放***完全覆蓋容器，但可能會裁剪一部分圖片。

使用contain關(guān)鍵字：

div {
  background-image: url('path/to/image.jpg');
  background-size: contain;
}

使用cover關(guān)鍵字：

div {
  background-image: url('path/to/image.jpg');
  background-size: cover;
}

需要注意的是，在使用background-size屬性時，要確保指定的尺寸或關(guān)鍵字與圖片的實際尺寸和分辨率相匹配，以避免出現(xiàn)模糊或拉伸的情況。