You may not get a Wii, but you can still get your own Wii Buttons with only 2 tags 1 image one CSS file .

Wiiブラウザ風CSSボタンを作成「Wii Buttons」。



CSSと画像が配布されており、実装方法は次のように簡単かつクリーン。
しかし、class名に button はちょっと使い勝手が悪そうなので、別名に変更した方がよいかもしれませんね。

<!-- アンカータグの場合 -->
<a class="button" href="?d=-1"><span>ボタンラベル</span></a>

<!-- フォームボタン -->
<span class="button"><input type="submit" name="foo" value="yout text" /></span>

<!-- 押せないボタン -->
<del class="button"><span>yout text</span></del>

フォームの投稿ボタンをWiiにするとなかなかオシャレかもしれませんね。
あと、このＣＳＳを参考に最近流行り（？）のWiiブラウザ用UIを作るのもありですね。

IE5.5、IE6、IE7、Firefox2、Opera9で動作確認が取れているようです。

関連エントリ

• CSSベースのクールなフォーム、サンプル集
• JavaScript＆CSSで独自デザインのselectボックスを作成
• CSSで独自にデザインされたチェックボックス＆ラジオボタン
• CSSとButtonタグを使ったクールなボタンサンプル集
• デフォルトのフォームをクールにカスタマイズする方法
• ブログのコメント部分やコメントフォームのデザインを色々集めたサイト