CSS圖片四角圓潤的方法

在CSS中，我們可以使用border-radius屬性來將圖片的四角圓潤，這個(gè)屬性可以接收四個(gè)值，分別代表左上角、右上角、右下角和左下角的圓角半徑，如果只需要將圖片的兩個(gè)角圓潤，可以將其他兩個(gè)值設(shè)為0。

將圖片的左上角和右上角圓潤，可以寫成：

img {
  border-radius: 10px 10px 0 0;
}

10px代表圓角半徑的大小，可以根據(jù)需要調(diào)整。

如果想要將圖片的所有四個(gè)角都圓潤，可以將四個(gè)值都設(shè)為相同的值：

img {
  border-radius: 10px;
}

這樣，圖片的所有四個(gè)角都會(huì)被圓潤處理。

需要注意的是，border-radius屬性只會(huì)對(duì)圖片的外邊緣進(jìn)行圓潤處理，如果圖片內(nèi)部有顏色漸變或者陰影等效果，這些效果不會(huì)被影響，border-radius屬性也不會(huì)改變圖片的大小或者形狀，只會(huì)對(duì)邊緣進(jìn)行圓滑處理。