Tag Archives: HTML

CSSでWii風ボタン

wii_btn.jpg

 感じの良いSubmitボタンを探していたら見つけた。
Simple Round CSS Links ( Wii Buttons )
 CSSと1枚の画像のみで実現できるシンプルでかわいいWii風ボタン。ボタンの記述もシンプル。アンカータグ(Aタグ)によるボタンとSubmitボタンの双方に対応。
 また、対応ブラウザは、IE6, IE5.5, IE7, Safari 2, Firefox 2, Opera 9(ただし、submitボタンに関してはブラウザ判定要)。
 ブラウザによって(IEか、それ以外)ボタンのHTMLタグを動的に変更しなければならない。
 PHPで実装。配布する予定のスクリプトなので、get_browser()ではなく、$_SERVER[‘HTTP_USER_AGENT’]で簡易的に判断。
Wiiブラウザ風CSSボタンを作成「Wii Buttons」
CSSでWii風のシンプルで角がまるいボタンを作る