在CSS中，我們可以通過border-radius屬性來實現(xiàn)圖片圓角樣式。border-radius屬性用于設(shè)置一個元素的四個角的圓角弧度。其語法如下所示：

border-radius: (top-left | top-right | bottom-right | bottom-left) x%;

其中，top-left表示左上角，top-right表示右上角，bottom-right表示右下角，bottom-left表示左下角。x%表示弧度的大小，取值范圍為0%~50%。 使用border-radius屬性可以讓圖片或者其他任何元素呈現(xiàn)出不同程度的圓角效果。下面是一個簡單的例子：

img { 
border-radius: 50%;
}

這段代碼會讓頁面上的所有圖片呈現(xiàn)出50%的圓角效果。 我們也可以為每個角單獨設(shè)置不同的值，實現(xiàn)更靈活的效果。下面的例子將左上角和右下角設(shè)置為20%的圓角效果，而其他兩個角則不做改變：

img { 
border-radius: 20% 0 0 20%; 
}

通過這個簡單的屬性，我們可以輕松地讓頁面上的圖片、按鈕、甚至整個元素呈現(xiàn)出圓角效果，為用戶帶來更好的視覺體驗。