画像を丸くトリミングする

画像を丸く切り取るcss

html

<div id="default">
<img src="#" width="200" height="200">
</div>

css

#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;
}

どちらの方が推奨なのかわからないけれど、
私がよく使うのは上です。
下のコードも見ないで書けるようになりたい。

  • コーダーのための計算機