> Faqs > ¿Cómo puedo cambiar el color de las celdas cuando paso el puntero por encima de ellas?

¿Cómo puedo cambiar el color de las celdas cuando paso el puntero por encima de ellas?

¿Alguien sabe como hacer para que al pasar el puntero del ratón por encima de una celda, esta cambie el color de su fondo? (y que al quitarlo vuelva al color original). Supongo que se hace con CSS pero solo me sale que cambie el texto de color al pasar el ratón por encima, y lo que quiero es que cambie de color el fondo. Si no se puede hacer con CSS ¿alguien sabe como se hace con javascript?. Muchas gracias

Responder la pregunta
Editar Hacer otra preguntaPreguntar

Respuestas

Veamos la primera propuesta de solución, por Aitor.

<span class="codigo"> <html>

<head> <title>Prueba CSS</title> <style type="text/css"> a.enlace { color: #0000D9; width: 100%; height: 100%; text-decoration: none; } a.enlace:hover { text-decoration: none; background: #77AADD; } table { border: 1px solid red; width: 20%; } td { align: middle; border: 1px solid red; } </style> </head> <body> <table> <tr> <td> <a class="enlace" href="#">enlace 1</a> </td> </tr> <tr> <td> <a class="enlace" href="#">enlace 2</a> </td> </table> </body> </span> En el artículo llamado [Realizar un rollover sólo con CSS y utilizando imágenes](http://www.desarrolloweb.com/articulos/2362.php) de DesarrolloWeb.com se muestra como hacer enlaces que ocupen todo el espacio donde están situados </body>
Aitor de la Puente Salán