CSSを使ったロールオーバー

今日製作中に思いついた小ネタをひとつ。CSSを使ったロールオーバーです。Javascript offでも動くし便利．実際にはテキストリンクの前にアイコンを表示してロールオーバー時にアイコンが右にずれるような物に使用しました．これには paddingの設定がしてませんが用途に合わせて使ってください。

a.btn:link {
background-image:url(images/通常画像.gif);
background-repeat:no-repeat;
}
a.btn:visited {
background-image:url(images/通常画像.gif);
background-repeat:no-repeat;
a.btn:hover {
background-image:url(images/ロールオーバー画像.gif);
background-repeat:no-repeat;
}

****仕事で使ってる本****
→スタイルシート辞典