css 图片如何圆角 |css 动画插件

img {
border-radius: 50%;
}

上面的代码会将图片的四个角都变成圆角。如果你想只将左上角和右下角变成圆角，可以写：

img {
border-top-left-radius: 50%;
border-bottom-right-radius: 50%;
}

除了使用百分比，你还可以使用像素来指定圆角的大小。例如：

img {
border-radius: 10px;
}

上面的代码会将图片的四个角都变成半径为 10 像素的圆角。同样，你也可以为不同的角指定不同的半径：

img {
border-top-left-radius: 20px;
border-top-right-radius: 10px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 0;
}

上面的代码将左上角的圆角半径设为 20 像素，右上角的圆角半径设为 10 像素，右下角的圆角半径设为 5 像素，而左下角则不变成圆角。

通过使用 CSS 圆角，你可以制作出更加美观的网页。希望这篇文章能对你有所帮助！