CSS背景圖片大小調整

在CSS中，我們可以使用background-size屬性來調整背景圖片的大小，這個屬性接受兩個值，分別是圖片的寬度和高度，如果我們只提供一個值，那么另一個值會自動計算以保持圖片的寬高比。

如果我們想要將背景圖片的寬度調整為100像素，我們可以這樣寫：

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

這樣，背景圖片的寬度就會被設置為100像素，高度會自動計算以保持圖片的寬高比，如果我們想要將圖片的高度調整為200像素，我們可以這樣寫：

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

這樣，背景圖片的高度就會被設置為200像素，寬度會自動計算以保持圖片的寬高比，如果我們想要將圖片等比例縮放，我們可以這樣寫：

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

這樣，背景圖片就會被等比例縮放以適應div的大小，如果我們想要將圖片裁剪以適應div的大小，我們可以這樣寫：

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

這樣，背景圖片就會被裁剪以適應div的大小，以上就是CSS中調整背景圖片大小的方法。