在CSS中，我們可以使用背景圖片來美化網(wǎng)頁的樣式和布局。但是，有時(shí)候當(dāng)我們使用一張小圖片作為背景時(shí)，圖片可能會(huì)因?yàn)槔觳划?dāng)而出現(xiàn)變形或者不美觀的現(xiàn)象。那么，如何讓背景圖片拉伸得更加自然呢？ 在CSS中，我們可以使用background-size屬性來調(diào)整背景圖片的大小。其中，參數(shù)值可接受的單位有px、em、rem、%等。這里我們需要注意的是，如果我們想要拉伸圖片并保持原始縱橫比例，我們可以使用contain或者cover來設(shè)置。 當(dāng)我們設(shè)置background-size:contain時(shí)，背景圖片的大小會(huì)被縮小或者放大至充滿整個(gè)背景區(qū)域，但是不會(huì)發(fā)生圖片變形的情況。而如果設(shè)置background-size:cover時(shí)，背景圖片會(huì)被拉伸至充滿整個(gè)背景區(qū)域，但是可能會(huì)有溢出的現(xiàn)象。 在下面的代碼中，我們可以看到如何使用contain和cover屬性進(jìn)行圖片拉伸：

p { 
background-image: url("example.jpg"); 
} 
/* 使用contain進(jìn)行背景圖片拉伸 */ 
p.contain { 
background-size: contain; 
} 
/* 使用cover進(jìn)行背景圖片拉伸 */ 
p.cover { 
background-size: cover; 
}

除了使用contain和cover屬性進(jìn)行背景圖片的拉伸，我們還可以使用background-repeat屬性來控制圖片在背景區(qū)域中的重復(fù)方式，包括no-repeat、repeat-x、repeat-y、repeat等。 綜上所述，在CSS中，我們可以使用background-size、background-repeat等屬性進(jìn)行背景圖片的設(shè)置，通過設(shè)置合適的屬性值，我們可以讓背景圖片在保持美觀的前提下，拉伸得更加自然。