CSS での画像のロールオーバー
リンクにマウスを乗せると画像が入れ替わる仕組みは、CSS で作成することもできます。
CSS Code
a.button{
display: block;
background: url(images/button_pink.png) no-repeat 0 0;
width: 172px;
height: 53px;
text-indent: -9999px;
}
a.button:hover{
background-image: url(images/button_pink_hover.png);
}