設(shè)置CSS背景圖片大小的方法

在CSS中，我們可以使用background-size屬性來(lái)設(shè)置背景圖片的大小，這個(gè)屬性接受兩個(gè)值：寬度和高度，你可以分別指定寬度和高度，或者只指定一個(gè)值，另一個(gè)值會(huì)自動(dòng)縮放以保持原始圖片的寬高比。

如果你想要將背景圖片設(shè)置為寬度為300像素，高度為200像素，你可以這樣寫(xiě)：

body {
  background-image: url('你的圖片url');
  background-size: 300px 200px;
}

如果你只指定寬度，高度會(huì)自動(dòng)縮放：

body {
  background-image: url('你的圖片url');
  background-size: 300px;
}

如果你想要背景圖片完全填充整個(gè)元素，你可以使用cover關(guān)鍵字：

body {
  background-image: url('你的圖片url');
  background-size: cover;
}

這樣，背景圖片就會(huì)被縮放并裁剪以適應(yīng)整個(gè)元素的大小，同時(shí)保持原始圖片的寬高比，注意，這種方法可能會(huì)導(dǎo)致背景圖片的部分區(qū)域在元素內(nèi)部不可見(jiàn)。