画像を丸くトリミングする
画像を丸く切り取るcss
<div id="default">
<img src="#" width="200" height="200">
</div>#default img {
width:200px;
height:200px;
border-radius:50%;
overflow:hidden;
}
/*または*/
#default img {
width:200px;
border-radius:200px;
-webkit-border-radius:200px;
-moz-border-radius:200px;
}どちらの方が推奨なのかわからないけれど、
私がよく使うのは上です。
下のコードも見ないで書けるようになりたい。
