当先锋百科网

首页 1 2 3 4 5 6 7

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