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属性为图片添加圆角效果,让图片显示得更加美观。