2012年1月30日月曜日

CSSだけで角丸を実現!

毎回画像で角丸を作っていると大変なので、
今日はCSSだけで角丸を実現できる方法をご紹介します。



.class { border-radius: 20px; /* CSS3 */
    -moz-border-radius: 20px; /* Firefox */
    -webkit-border-radius: 20px; /* Safari,Chrome */
}

この数字のところを変えれば、
角丸の幅を変更することができます。

0 件のコメント:

コメントを投稿