CSS背景圖片怎么縮?。?/p>

在CSS中，我們可以使用background-size屬性來(lái)縮小背景圖片，這個(gè)屬性接受兩個(gè)值，分別是圖片的寬度和高度，我們可以將這兩個(gè)值設(shè)置為小于原始圖片的尺寸，從而實(shí)現(xiàn)圖片的縮小。

假設(shè)我們有一個(gè)原始尺寸為500px500px的背景圖片，我們想要將其縮小到300px * 300px，我們可以這樣寫(xiě)CSS代碼

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

在這個(gè)例子中，div元素的背景圖片將被縮小到300px * 300px，需要注意的是，如果原始圖片的長(zhǎng)寬比與縮小后的長(zhǎng)寬比不一致，那么圖片可能會(huì)變形，在縮小圖片時(shí)，我們需要確保長(zhǎng)寬比的一致性。

background-size屬性還可以接受其他類(lèi)型的值，比如contain和cover。contain表示保持圖片的原始長(zhǎng)寬比，同時(shí)縮放圖片以填充元素背景區(qū)域；cover則表示保持圖片的原始長(zhǎng)寬比，同時(shí)縮放圖片以覆蓋整個(gè)元素背景區(qū)域，這兩種情況下，圖片都不會(huì)變形。

CSS提供了多種方法來(lái)縮小背景圖片，我們可以根據(jù)具體的需求選擇適合的方法。