初心者のWEBデザイン

HTML,CSS、その他WEBデザインに関する事を記述していきます

20150411143621

CSS 写真の角を丸くする

CSSで写真の角を丸くする方法を記述します。
この記述もCSS3になります。

img {
border-radius:100px;
}

画像の他にborderで記述したdivやbackgroundで色をつけたdivなどにも適応します。
border-collapseプロパティの値にcollapseが指定されたtable要素を除く
全ての要素で機能しますのでとても使い勝手が良いです。

ベンダープレフィクスを付けても対応が可能になるブラウザがない為
記述する必要はありません。
f:id:bellsmarket:20150410030113p:plain:w300f:id:bellsmarket:20150410031203p:plain:w300

topへ戻る