link_toを角丸のボタン風に表示

CSSでリンクを「Wiiブラウザっぽいボタン」にします。「Wiiブラウザっぽい」っていうのは、角丸でマウスが乗ったときにボタンの周りに色(オレンジ)がつくもののようです。(Wii持っていないのでわかりません)

使い方

ここ(→ http://www.hedgerwow.com/360/dhtml/css-round-button/demo.php )から CSSと画像をダウンロードしてください。

 <a class="button" href="/"><span>yout text</span></a> 
 <span class="button"><input type="submit" name="foo" value="yout text" /></span> 
 <del class="button"><span>yout text</span></del>

class="button"』を指定して、ボタンに表示するテキストを<span>で囲めば OKです。簡単ですね。
ちなみに Railsではこうやって使っています。

<%= link_to '<span>キャンセル</span>', '/index.html', :class => 'button' %>