El siguiente ejemplo de lo que quiero hacer es un menú y busco que cuando pasases por cada "bloque_entrada_menu" cambiase el color del fondo de ese "bloque_entrada_menu", fuera un link y se pusiese el icono en forma de mano.
Y cuando saques el ratón se quede como estaba.
Este es el XHTML:
Código:
Y esta la CSS:<div class="bloque_menu"> <div class="bloque_entrada_menu"> <p class="texto_menu"><a href="index.htm">Catálogo de servicios</a></p> </div> <div class="bloque_entrada_menu"> <p class="texto_menu"><a href="index.htm">Ubicación</a></p> </div> <div class="bloque_entrada_menu"> <p class="texto_menu"><a href="index.htm">Equipamiento</a></p> </div> </div>
Código:
MUCHAS GRACIAS .bloque_menu { width: 174px; background-color: #FFFFFF; padding: 5px; float: left; border: 1px solid #EBEBEB; margin-top: 4px; margin-bottom: 4px; box-sizing: border-box; /* Esta línea es para que se vea bien en explorer */ -moz-box-sizing: border-box; /* Esta línea es para que se vea bien en explorer */ } .bloque_entrada_menu { background-color: #EBEBEB; width: 100%; } .texto_menu { font-family: "MS Sans Serif", sans-serif; font-size: 8px; color: #BBBBBB; left: 15px; top: 15px; margin: 10px; font-weight: bold; }