CSS背景大小設(shè)置

在CSS中，可以使用background-size屬性來(lái)設(shè)置背景圖片的大小，該屬性接受兩個(gè)值，***個(gè)值表示圖片的寬度，第二個(gè)值表示圖片的高度，如果第二個(gè)值省略，則瀏覽器會(huì)自動(dòng)根據(jù)***個(gè)值計(jì)算圖片的高度。

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

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

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

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

這將使背景圖片覆蓋整個(gè)元素，同時(shí)保持其寬高比，需要注意的是，如果圖片的長(zhǎng)寬比與元素的寬高比不一致，圖片可能會(huì)被拉伸或壓縮。

background-repeat屬性也可以影響背景圖片的大小，如果設(shè)置為repeat或repeat-y，則瀏覽器會(huì)在垂直或水平方向上重復(fù)顯示背景圖片，直到填滿整個(gè)元素，如果設(shè)置為no-repeat，則瀏覽器只會(huì)顯示一次背景圖片。

CSS提供了多種設(shè)置背景圖片大小的方法，可以根據(jù)具體需求進(jìn)行選擇。