CSS中可以利用border-radius屬性為圖片添加弧度。這個屬性可以設置多個值,分別對應四個角的半徑大小。
img { border-radius: 10px 20px 30px 40px; }
上面的例子表示左上角的半徑為10px,右上角為20px,右下角為30px,左下角為40px。
如果只設置一個值,則四個角的半徑大小相同,可以簡寫為:
img { border-radius: 10px; }
還可以利用百分比進行設置,比如設置為50%表示圖片呈現出圓形:
img { border-radius: 50%; }
可以利用border-radius屬性為圖片添加圓角效果,讓圖片顯示得更加美觀。