Hola otra vez:
Un ejemplo sencillo con una tabla y un par de celdas...
<table>
<tr><td style="background-color:red"
onmouseover="this.style.backgroundColor = 'blue'"
onmouseout ="this.style.backgroundColor = 'red'">
<a href="destino_1" >Página 1</a>
</td></tr>
<tr><td style="background-color:red"
onmouseover="this.style.backgroundColor = 'blue'"
onmouseout ="this.style.backgroundColor = 'red'">
<a href="destino_2" >Página 2</a>
</td></tr>
</table>
Cosas a considerar:
Los estilos compuestos con guiones, desde javascript no llevan guiones (se consideraría una resta) y la primera letra que sigue al guión se pone mayúscula...
El nombre de los colores se pueden definir como se denominan en ingles, si son primarios, y para ponerlos en hexadecimal se pone "#" por delante del número ej: "#ff0000".
Te paso un enlace de una página que se trabajó en estos foros y está bastante desarrollado el tema de los colores:
http://pepemolina.com/generador/generador.html
En la parte superior derecha hay una especie de botón que pone colores. Pincha ahí y verás los colores en hexadecimal y en un select están los colores en inglés...
Espero que te sirva...
Saludos