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

Question

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

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

但边框出现为边框的原始形状，正方形。是否也可以让边框变圆

我想使用img标签，而不是background-image

Answer 1

看：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
    }

Answer 2

你读过这篇文章吗？

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

似乎您至少缺少一些跨浏览器一致性的属性；-)