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

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

.img {
border-radius: 10px;
}

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

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

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

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

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