CSS背景圖片設(shè)置寬度和高度的方法

在CSS中，我們可以使用width和height屬性來設(shè)置背景圖片的寬度和高度，這兩個屬性可以分別指定背景圖片的寬度和高度，也可以同時指定，從而實現(xiàn)背景圖片的尺寸控制。

我們可以將背景圖片設(shè)置為寬度為200像素，高度為300像素：

div {
  background-image: url('image.jpg');
  width: 200px;
  height: 300px;
}

或者，我們也可以將背景圖片設(shè)置為寬度為50%，高度為50%：

div {
  background-image: url('image.jpg');
  width: 50%;
  height: 50%;
}

需要注意的是，如果背景圖片的尺寸與元素的大小不匹配，那么背景圖片可能會被拉伸或壓縮，為了避免這種情況，我們可以使用background-size屬性來指定背景圖片的尺寸，

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

這樣，無論元素的大小如何變化，背景圖片都會保持200像素的寬度和300像素的高度。