設(shè)置為CSS背景的圖片怎么設(shè)置大小

在CSS中，我們可以使用background-size屬性來控制背景圖片的大小，這個屬性接受兩個值，分別是寬度和高度，如果我們只設(shè)置一個值，那么另一個值會自動縮放以保持原始圖片的寬高比。

如果我們想要將背景圖片設(shè)置為寬度為300px，我們可以這樣寫：

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

如果我們想要將背景圖片設(shè)置為高度為200px，我們可以這樣寫：

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

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

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

如果我們想要將背景圖片設(shè)置為高度為100%，我們可以這樣寫：

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

注意，如果圖片本身的大小超過了指定的寬度或高度，那么圖片可能會被裁剪，為了避免這種情況，我們可以使用background-repeat屬性來控制圖片的重復(fù)方式，我們可以設(shè)置圖片為repeat-x或repeat-y來避免裁剪。