fondo de enlace con diferentes colores

[gecafor]

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

[Myxtum]

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[/list]

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.

[gecafor]

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

[Yaneth]

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

[gecafor]

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[/list]

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

[Yaneth]

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[/list]

saludos