Pagina de Prueba

Se va a mostrar un pequeño truco para crear un efecto de rollover con imágenes, pero usando un simple CSS, sin necesidad de ninguna otra tecnología o lenguaje de programación. El rollover (iluminación o cambio de color al pasar el ratón por encima) es un efecto muy sencillo, pero puede dar ideas para dar mayor dinamismo a nuestro sitio, sin que esto afecte a la complejidad del código.

Además, de paso, vamos a responder una pregunta habitual: ¿cómo hacer para que los enlaces ocupen todo el espacio de la celda o capa donde están situados? O dicho de otra forma: ¿cómo hacer para que el enlace se muestre con todo el espacio disponible dentro del contenedor en el que está?

Lo que deseamos es que el lugar donde colocamos el enlace se comporte como el propio enlace, así, al pasar el ratón por el contenedor donde se haya situado el link (no necesariamente sobre el texto del enlace), se realice el efecto de iluminación.