html - 有什么方法可以使用 CSS 为图像添加圆形边框吗？

Question

我有一张 100 像素乘 100 像素的正方形图片。

想知道是否有任何方法可以使用 CSS 为图像提供圆 Angular 边框？

类似于 border-radius 属性:

-moz-border-radius: 15px;
border-radius: 15px;

我不想求助于 Javascript。

谢谢。

Answer 1

-moz-border-radius: 15px; 和 -webkit-border-radius:15px; 应该可以在符合标准的浏览器中正常工作。另一种技术:

<div style="border: 0px solid; border-radius: 30px; -moz-border-radius: 30px; -khtm border-radius: 30px; -webkit-border-radius: 30px; width: 100px; height: 100px; background: url('img.jpg');">