CSS設(shè)置背景長寬的方法

在CSS中，我們可以使用width和height屬性來設(shè)置背景圖片的長和寬，這兩個屬性都接受像素、百分比或em等單位的值。

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

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

如果我們想要將背景圖片設(shè)置為容器寬度的50%和高度的60%，我們可以這樣寫：

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

需要注意的是，background-width和background-height屬性并不直接調(diào)整背景圖片的大小，而是調(diào)整背景圖片在元素內(nèi)部的可視區(qū)域大小，如果背景圖片本身的大小超過設(shè)置的寬度或高度，那么背景圖片不會被拉伸或壓縮，而是僅顯示設(shè)置寬度或高度內(nèi)的部分。

我們還可以使用background-size屬性來同時設(shè)置背景圖片的寬度和高度，該屬性接受兩個值，***個值表示寬度，第二個值表示高度，如果第二個值省略，則瀏覽器會自動計算高度，以保持圖片的縱橫比。

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

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

這樣寫也可以達到同樣的效果。