CSS是一種用來定義網(wǎng)頁樣式的語言，它可以讓我們將頁面上的元素進(jìn)行美化和排版。其中，拉伸圓角圖片是一種非常流行的效果，它能夠讓圖片的邊緣更加柔和，使其看起來更加美觀。

要實現(xiàn)拉伸圓角圖片，我們可以使用CSS3中的border-radius屬性。這個屬性可以讓我們將圖片的邊緣設(shè)置成圓角的形狀，并且可以設(shè)置不同的角度值。

.img {
border-radius: 10px;
}

以上代碼會將一個class為img的圖片的邊緣設(shè)置成10像素的圓角。但是，當(dāng)我們對圖片進(jìn)行拉伸時，邊緣的圓角會變形，看起來不太美觀。

解決這個問題的方法是使用CSS3中的background-size屬性。這個屬性可以讓我們控制背景圖片的大小，使圖片可以進(jìn)行縮放，但是不會失去其比例。

.img {
border-radius: 10px;
background-size: cover;
}

以上代碼會讓class為img的圖片在拉伸時，始終保持邊緣的圓角形狀，并且可以根據(jù)容器的大小進(jìn)行縮放。

總之，使用CSS的border-radius和background-size屬性可以讓我們輕松地實現(xiàn)拉伸圓角圖片的效果。這種效果能夠讓我們的頁面更加美觀和吸引人。