如何用CSS给img标签添加圆角效果？

Question

如何用CSS给img标签添加圆角效果？ 在网页设计中，为图片添加圆角效果是一种常见的美化手段。要实现这一效果，可以使用CSS中的`border-radius`属性。例如，通过设置`border-radius: 10px;`可以让图片的四个角呈现轻微的圆弧形状。如果希望图片变为完美的圆形，只需将该属性值设为`50%`，即`border-radius: 50%;`。但需要注意的是，确保图片的宽度和高度相等才能实现真正的圆形效果。此外，浏览器兼容性通常不是问题，因为现代浏览器都支持`border-radius`属性。不过，在老旧浏览器中可能需要添加前缀如`-webkit-border-radius`或`-moz-border-radius`以保证兼容性。这种技术简单高效，是前端开发人员必备的基础技能之一。