さくらのあたま
考えたことや日記、メモなど
2012年1月30日月曜日
CSSだけで角丸を実現!
毎回画像で角丸を作っていると大変なので、
今日はCSSだけで角丸を実現できる方法をご紹介します。
.class { border-radius: 20px; /* CSS3 */
-moz-border-radius: 20px; /* Firefox */
-webkit-border-radius: 20px; /* Safari,Chrome */
}
この数字のところを変えれば、
角丸の幅を変更することができます。
0 件のコメント:
コメントを投稿
次の投稿
前の投稿
ホーム
モバイル バージョンを表示
登録:
コメントの投稿 (Atom)
0 件のコメント:
コメントを投稿