Eso del CSS es más sencillo. Simplemente es eso, en tu CSS tienes que especificar que cuando el cursor esté encima de un <td>, éste debe iluminarse. Para eso sólo tienes que añadir en tu CSS:
Código CSS:
Ver originaltd:hover
{
color: white; /*Por ejemplo*/
}
Hecho de esta forma, el efecto va a afectar a todas las etiquetas <td> que tengas en ese documento. Si quieres que sólamente afecte a una de las tablas, entonces tienes dos opciones: identificarla bajo un nombre y aplicar el efecto sólo a esa tabla, o bien crear una clase y considerar la tabla de esa clase.
PARA LA PRIMERA OPCIÓN:
---------------------------------
- En el HTML, tu tabla tiene que quedar
- En el CSS, añade:
Código CSS:
Ver original#tabla_con_efecto:hover
{
color: white;
}
PARA LA SEGUNDA OPCIÓN:
----------------------------------
- En el HTML:
- En el CSS:
Código CSS:
Ver originaltable.tabla_con_efecto:hover
{
color: white;
}
La ventaja de hacerlo a través de clases es que puedes seleccionar un conjunto de tablas para que tengan el efecto, mientras que otras pueden no tenerlo. Sólo añades class="tabla_con_efecto" en la etiqueta <table> para cada tabla que quieras que lo tenga.
La ventaja de hacerlo a través de identificadores (y corregidme si me equivoco) es que es más rápido si sólo hay una tabla con efecto en todo el documento. El inconveniente estaría en querer aplicar el efecto a más de una tabla
Espero haberte ayudado, un saludo