Hola, estoy trabajando con CSS y me gustaría conseguir que el fondo de un DIV sea un link y que cambie de color cuando pase el ratón sin usar scripts, de no haber más remedio que utilizar scripts tambíen me interesa el código.
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:
<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>
Y esta la CSS:
Código:
.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;
}
MUCHAS GRACIAS