タグ: CSS

Wiiブラウザっぽいフォームボタン

site00463.png
一枚の画像とCSSでフォームボタンをWiiブラウザのボタンっぽくする方法。
IE6, IE5.5, IE7, Safari 2, Firefox 2, Opera 9に対応していて、タグもシンプル。

  1. 画像とCSSをダウンロード
  2. 画像をアップロードして、round-button.cssのbackground:url(btn0.png) 100% 0 no-repeat;部分を自サイト用に変更。現在使用しているCSSにコピペするか、round-button.cssをアップロードして、ヘッダー内にリンクを貼る。
  3. formのinputボタンを以下に書き換え 
    <span class="button"><button type="submit" name="foo" value="yout text">yout text</button></span>

[Simple Round CSS Links ( Wii Buttons )]