16/10/2011, 13:02
|
| Colaborador | | Fecha de Ingreso: junio-2008
Mensajes: 5.032
Antigüedad: 16 años, 7 meses Puntos: 1012 | |
Respuesta: hover en tablas algo como así y lee este tutorial Cita: td {
background-color: red;
}
tr:nth-of-type(2n) td:nth-of-type(1) { /* escondemos el borde del 1º td de las filas pares */
border: 1px solid;
border-color: #000 #000 #000 #FFF;
background-color: #FFF;
}
tr:nth-of-type(2n+1):hover td { /* filas impares */
background-color: gray;
}
tr:nth-of-type(2n) td:nth-of-type(1):hover ~ td{ /* filas pares. 1º td. se mantiene color original de los demás tds */
background-color: red;
}
tr:nth-of-type(2n):hover td:nth-of-type(1n+2) { /* filas pares. segundo y demás tds */
background-color: gray;
} |