CSS是網(wǎng)頁設(shè)計中非常重要的一部分，其中CSS屬性中的圖片拉伸和拉寬也非常常見。在網(wǎng)頁中，我們通常使用圖片來呈現(xiàn)一些內(nèi)容或者美化頁面。但是有時候，我們需要將圖片進行拉伸或者拉寬，以適應(yīng)頁面的各種需求。

在CSS中，我們使用一個叫做“background-size”的屬性來實現(xiàn)圖片拉伸/拉寬的效果。這個屬性接受幾種不同的值，包括：

background-size: cover; 
background-size: contain;
background-size: 100% 100%;

其中，“cover”表示圖片完全覆蓋元素的背景區(qū)域，可能會發(fā)生圖片的拉伸。例如：

div {
background: url('example.jpg');
background-size: cover;
}

上面的代碼中，我們使用了一張名為“example.jpg”的圖片作為背景，并將背景的大小設(shè)置為“cover”。這種情況下，圖片會被拉伸或縮小，以覆蓋元素的整個背景區(qū)域。

另一個常見的值是“contain”，它表示圖片會在不拉伸的情況下盡量充滿整個背景區(qū)域。例如：

div {
background: url('example.jpg');
background-size: contain;
}

與“cover”相比，“contain”不會拉伸圖片。如果圖片較小，那么它會在背景區(qū)域中居中并等比例縮放以填滿整個區(qū)域。

最后，我們還可以使用像“100% 100%”這樣的具體值來設(shè)置圖片的大小。例如：

div {
background: url('example.jpg');
background-size: 100% 100%;
}

這種情況下，圖片會被拉伸使其完全適合背景區(qū)域，但同時保留它的原始寬高比。

在使用CSS進行網(wǎng)頁設(shè)計時，圖片的縮放和拉伸是非常重要的。使用上述的CSS屬性可以讓我們輕松地進行這些操作，以滿足我們網(wǎng)站的不同需求。