Se hace en el CSS.
a#boton:link{
background:url(sinRayica.gif);
display:block;
width:200px; /*Ancho y alto de la imagen de fondo*/
height:90px;
}
a#boton:hover{
background:url(conRayica.gif);
}
suponiendo que el botón fuese un enlace como el que sigue:
<a id="boton" href="enlace.html"></a>