CSS背景圖片大小改變的方法

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

如果你想要將背景圖片的寬度改為500像素，高度改為300像素，你可以這樣寫：

body {
  background-image: url('your-image-url');
  background-size: 500px 300px;
}

如果你只指定寬度，高度會自動縮放：

body {
  background-image: url('your-image-url');
  background-size: 500px;
}

如果你想要將背景圖片等比例縮放，可以使用contain或cover關鍵字：

body {
  background-image: url('your-image-url');
  background-size: contain;
}

或者：

body {
  background-image: url('your-image-url');
  background-size: cover;
}

contain關鍵字會將圖片等比例縮放以適應元素的大小，而cover關鍵字會將圖片等比例縮放以覆蓋整個元素，注意，如果圖片的長寬比與元素的長寬比不匹配，contain和cover`關鍵字可能會導致圖片的某些部分不被顯示。