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/

少なくともブラウザ間の一貫性のためにいくつかの属性が欠けているようです;-)