如何使边框跟随图像上的圆角

Question

我想要一个带边框的圆形图像，所以我使用了这个：

img {
    border: solid 10px #141313;
    border-radius: 50%;
}

但是边框的原始形状出现边框，正方形。是否有可能使边框圆滑

我想使用img代码，而不是background-image

Answer 1

你读过这篇文章吗？

http://answers.oreilly.com/topic/1002-how-to-set-a-rounded-border-around-an-image-using-css/

似乎你至少缺少一些跨浏览器一致性的属性; - ）

Answer 2

看：IE9 +，Firefox 4 +，Chrome，Safari 5+和Opera仅支持border-radius属性。

img {
    -moz-border-radius: 35px; // Mozilla
    -webkit-border-radius: 35px; // Chrome and Safari
    -o-border-radius: 35px; // Opera
    border-radius: 35px; // CSS 3
    }