ブログネタ：

WEB作成 に参加中！

1. ボタンとなる部分を適当な要素で作る。
   (例として <li> タグを使用)
2. <li> タグに background-image を指定。
   li { background-image: url(〜〜〜) }
   この画像が、マウスが載ったときの画像となる。
3. <li> タグの中に、クリックした時の飛び先を指定する <a> タグを入れる。
4. その <a> タグ background-image を指定。
   a:hover { background: none; }　ここポイント！
   a { background-image: url(〜〜〜) }
   この画像が、普通の状態・マウスが乗ってないときの画像となる。

a:hover　の使い方が、かっちょ良いですねー

ちょっと前なら、JavaScript で
<img onmouseover="this.src='〜〜'">
とかやるところだね。
「CSS と JS、どっちが良いか？」 となると、「環境によって使い分ける」 が正解だろう。
最終的には、好み・・・かな？

えー、今やってる仕事では環境の制約でどちらの方法も使えないので、どうでもいいと言えばどうでもいいテクニックでした。