有没有办法使用CSS为图像提供圆形边框?

时间:2011-06-26 23:42:09

标签: html css css3 stylesheet

我的图像是100px×100px的正方形。

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

与border-radius属性类似:

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

我不想诉诸Javascript。

感谢。

1 个答案:

答案 0 :(得分: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');">