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

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

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