CSS中背景大小設(shè)置方法

在CSS中，可以使用背景尺寸屬性來設(shè)置背景圖片的大小，該屬性可以指定背景圖片的寬度和高度，或者只指定一個(gè)值，另一個(gè)值則自動(dòng)縮放以保持原始圖片的寬高比。

要將背景圖片設(shè)置為寬度為300像素，高度為200像素，可以使用以下代碼：

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

如果只想指定寬度，高度自動(dòng)縮放，可以使用以下代碼：

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

還可以使用百分比來設(shè)置背景圖片的大小，要將背景圖片設(shè)置為容器寬度的50%，可以使用以下代碼：

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

需要注意的是，如果背景圖片的尺寸與容器尺寸不匹配，可能會(huì)出現(xiàn)背景圖片拉伸或壓縮的情況，在設(shè)置背景圖片大小時(shí)，需要確保圖片的尺寸與容器尺寸相匹配，或者設(shè)置背景圖片為no-repeat，以避免重復(fù)拉伸或壓縮。