CSS背景圖片如何設(shè)置寬度和高度

在CSS中，我們可以使用width和height屬性來設(shè)置背景圖片的寬度和高度，這兩個(gè)屬性可以分別指定背景圖片的寬度和高度，也可以同時(shí)指定，使圖片保持原始比例。

如果我們有一張寬度為500像素、高度為300像素的背景圖片，我們可以這樣設(shè)置：

body {
  background-image: url('path/to/image.jpg');
  background-width: 500px;
  background-height: 300px;
}

這樣，背景圖片就會以500像素的寬度和300像素的高度顯示出來，如果圖片原始比例與此不同，那么圖片可能會被拉伸或壓縮以適應(yīng)新的尺寸。

為了避免圖片比例問題，我們可以同時(shí)設(shè)置width和height屬性，使圖片保持原始比例：

body {
  background-image: url('path/to/image.jpg');
  background-width: 500px;
  background-height: 300px;
  background-size: cover; /* 圖片保持原始比例 */
}

這樣，無論圖片原始比例如何，它都會以500像素的寬度和300像素的高度顯示出來，而不會變形。