CSS3中，我們可以用border-radius屬性來實(shí)現(xiàn)圖片的圓角效果。它可以將任何一個(gè)正方形圖片變成一個(gè)圓形或橢圓形，讓圖像更加美觀。

img{
border-radius: 50%;
}

使用border-radius屬性，我們可以將任何一個(gè)矩形的角變成圓角，也可以指定每個(gè)角的圓角半徑大小，如下所示：

img{
border-top-left-radius: 50px;
border-top-right-radius: 20px;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 5px;
}

這樣就可以實(shí)現(xiàn)不同的圓角效果了。

當(dāng)然，如果我們想要實(shí)現(xiàn)不規(guī)則的圓角效果，也可以使用border-image來實(shí)現(xiàn)。如下所示：

img{
border-image: url(border.png) 30 30 round;
border-image-width: 30px;
border-image-outset: 5px;
}

上述代碼中，我們將border.png文件作為圖片邊框，設(shè)置邊框的寬度為30像素，邊框外部的擴(kuò)展大小為5像素，并使用round值來實(shí)現(xiàn)圓角效果。

總之，CSS3的border-radius屬性是我們實(shí)現(xiàn)圖片圓角效果不可缺少的工具之一。使用它可以讓我們的網(wǎng)頁更加美觀、吸引人。