CSS設(shè)置背景大小的方法

在CSS中，我們可以使用background-size屬性來設(shè)置背景圖片的大小，這個屬性接受兩個值，分別是水平和垂直方向的尺寸，我們可以使用像素、百分比或者自動單位來指定尺寸。

如果我們想要將背景圖片設(shè)置為寬度為200像素，高度為300像素，我們可以這樣寫：

div {
  background-size: 200px 300px;
}

如果我們想要將背景圖片等比例縮放***寬度為200像素，我們可以這樣寫：

div {
  background-size: 200px auto;
}

如果我們想要將背景圖片填充整個容器，我們可以這樣寫：

div {
  background-size: 100% 100%;
}

需要注意的是，background-size屬性只在CSS3及更高版本中受到支持，在早期的CSS版本中，背景圖片的大小是由元素的寬度和高度決定的，無法單獨設(shè)置。

我們還可以在HTML元素中使用style屬性來直接設(shè)置背景圖片的大小，

<div style="background-size: 200px 300px;">背景圖片</div>

這種方法雖然簡單，但是不建議在大型項目中使用，因為這種做法違反了結(jié)構(gòu)和樣式分離的原則，在大型項目中，我們應(yīng)該使用外部樣式表來設(shè)置樣式，以提高代碼的可讀性和可維護性。