CSSによるボタンのデザイン

CSSを使ったボタンの簡単なデザイン例。

デモページを表示

CSS

補足

• 標準のボタンのスタイルを基に、適宜必要なスタイルを追加・上書きしていく。
• レイアウトが崩れる場合は リセットCSS・共通CSS の内容を確認。

HTML

補足

• span や a 要素に、標準のボタンのクラス（ "btn" ）を付ける。