imagen con hover + link

[Carlangueitor]

Está mal el código que puso PrendekZ, no puedes meter un elemento de bloque dentro de un elemento inline. Lo correcto es esto:

Código HTML:

<a href="http://www.forosdelweb.com"><span>Foros del Web</span></a>
 

Código CSS:

a {
width: 150px;  /* Ancho de la imagen */
height: 150px; /* Alto de la imagen */
display: block;
background: url(images/forosdelweb.png) no-repeat; /* Imagen en estado normal */
}
 
a:hover {
background: url(images/forosdelweb_hover.png) no-repeat; /* Imagen en estado hover */
}
 
a span {
display: none;
}
 

Saludos