画像CSSで縁取りを使用することはできますか？

Question

CSSの画像にdisplay:block;とborder-radiusを使用できますか？これはCSSの原則に反しますか？ユスフによって

Answer 1

はい次のことができます。例えばこのよう

。 :)

あなたが好きな番号の画像border-radiusを簡単に与えることができます。
50％以上が丸い画像になります。 pxも使用できます。例えば

---

：

あなたは、HTML文書内のどこかにイメージを持っている：あなたのCSSファイルで

が

<img id="image" src="Your source"> 

あなたは、単に書くことができますの

#image { 
    border-radius: 50px; <-- example number 
} 

Answer 2

チェックthis answer：

.img-border{ 
    border-radius:15px; 
    -moz-border-radius:15px; 
    -webkit-border-radius:15px; 
    border:3px solid red; 
} 

Answer 3

はい、IMGタグは、インラインブロック要素ですが、あなたはブロック要素のように、その幅と高さを変更することができます。

.img-circular{ 
    width: 200px; 
    height: 200px; 
    background-image: url('http://strawberry-fest.org/wp-content/uploads/2012/01/Coca-Cola-logo.jpg'); 
    background-size: cover; 
    display: block; 
    border-radius: 100px; 
    -webkit-border-radius: 100px; 
    -moz-border-radius: 100px; 
    }