Menú Rollover con CSS y una sola imagen
La facilidad con la que se pueden diseñar distintos tipos de rollovers en CSS nos ha facilitado el trabajo, ya no es necesario incluir código javascript ni crear distintas imágenes para poder hacer un menú atractivo y prolijo, sin embargo, hasta el momento no es común encontrar artículos que traten sobre el background-position en la creación de rollovers con CSS
En este artículo – tutorial vamos a crear un menú que cambia de color cuando posamos el mouse sobre él (a:hover) y cuando lo presionamos (a:visited), con tan solo un archivo de imagen.
.
La ventaja de este original menú consiste en su simplesa, pues con unas pocas líneas de código podemos crear un menú con tantos botones como quisieramos.