如果您曾经尝试在<img> 上使用border-radius，您就会知道它并不总是有效（即使浏览器支持该 CSS3 属性，例如 Firefox 3 和 Opera 11）。 其根本原因是图像为内容，而不是容器，而容器是使用border-radius 圆角的部分。 Jonathan Neal 有一个演示来使其正常工作。 基本上它将图像元素的背景设置为它本身，然后将图像的 src 更改为透明的 GIF 数据 URI。
2012 年 11 月更新： 此原始链接现在已失效，但我建议您不要再使用此类任何花哨的东西了。 这里有一个 测试笔，显示了所有现代浏览器中图像上常规的旧圆角。