Que hay gente. Tengo este problema: estoy haciendo un web, y debajo del banner del header va a haber un menu con custro opciones. Despues de tocar todo (soy medio novato aun) logre que al pasar el puntero sobre las opciones del menu, su fondo cambie del color del theme a otro que yo ponga (puse amarillo, como prueba), es decir esto:
Sin el puntero encima
Con el puntero encima
La cosa es que quiero que cada opcion del menu se ponga de un color diferente, pero no logro hacerlo y siempre me quedan las cuatro del mismo tono. Este es mi code:
En el HTML
Código:
<div id="menu">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Sobre Nosotros</a></li>
<li><a href="#">Servicios</a></li>
<li><a href="#">Contacto</a></li>
</ul>
</div>
En el CSS
Código:
#menu ul {text-align:center;list-style:none; padding:0;}
#menu ul li {display:inline}
#menu ul a { font-weight:bold; font-size:14px; text-decoration:none; color:#fff; background-color:#445d6c; padding:0 10px 2px 10px;}
#menu ul a:hover { background-color:#ffd800;}