fondo de enlace con diferentes colores

Se enseña en los enlaces del menú como ponerle fondo, pero he visto en otras webs que los fondos de los enlaces de un mismo menú tienen colores diferentes ¿Cómo hago eso?
Gracias por vuestra ayuda

No estoy seguro de tu pregunta, pero lo que entiendo es que quieres que los enlaces de una misma lista tengan el color de fondo diferente.
Esto se puede hacer de la siguiente manera:

HTML

<ul>
<li class="red">menu 1
<li class="blue">menu 2

CSS

.red {background-color: red;}
.blue {background-color: blue;}

a ver si entendiste con ese ejemplo.
seguro que hay otra manera de hacerlo, pero esa te puede ayudar.

disculpa, no me expliqué bien del todo,me gustaría que en el momento que se pasa el raton por encima, estado de enlace hover, cada fondo de enlace tenga un color, gracias

eso se hace en el grupo de las "a"

a {}
a:link {}
a:visited {}
a:hover {}
a:active {}


puedes hacer un grupo para cada color

por ejemplo

a.rojo: {}
a.rojo: hover:{}
etc etc etc etc

luego en el html asi

<a class="rojo">enlace</a>

saludos

Para el enlace siguiendo el curso paso a paso, tengo esto para los enlaces en html, no se donde poner lo de html que me has dicho

<ul><li >elige 1

elige 2

elige 3

si hay 3 enlaces, ¿he de poner
a {}
a:link {}
a:visited {}
a:hover {}
a:active {}

3 veces?

¿¿como hago para relacionar cada enlace con esto??
Gracias por la ayuda

esto te sirve para toooodos los enlaces que tengas en tu página

a {}
a:link {}
a:visited {}
a:hover {}
a:active {}

ahora quieres por ejemplo tres enlaces de diferente color
bueno pues tendrás que hacer esto

en el css

a.rojo {}
a.rojo:link {}
a.rojo:visited {}
a.rojo:hover {background-color:red}
a.rojo:active {}

a.azul {}
a.azul:link {}
a.azul:visited {}
a.azul:hover {background-color:blue}
a.azul:active {}

a.verde {}
a.verde:link {}
a.verde:visited {}
a.verde:hover {background-color:green}
a.verde:active {}

en el html tienes esto
<ul><li >elige 1

elige 2

elige 3

saludos