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