div cambiar color y fondo especifico a C/U

[aprendizhtml]

hola que tal mi problemas es el sig

tengo varios div (s) asi

<DIV id="estilo1">TEXToTEXToTEXTotextoTotextoTotextoTot extoetc</DIV>

<DIV id="estilo2">TEXToTEXToTEXTotextoTotextoTotextoTot extoetc</DIV>

<DIV id="estilo3">TEXToTEXToTEXTotextoTotextoTotextoTot extoetc</DIV>

y tengo mi hoja de estilos .css

ahora lo que quiero saber es como hacer para que cada div tenga un color de letra y fondo diferente

por ejemplo que el estilo1 tenga el color de letras negro y el fondo del div gris quiero el codigo para hacerlo (no es nesesario poner los colores especificados eren de ejemplo)
y el 2 tengo otros colores fuente azul fondo rojo y
el 3 fuente amarilla fondo verde

[X3r0s]

Esto es css basico y seria algo como

el archivo css contiene:

Código HTML:

#estilo1{color:#FFF;background:#000;}
#estilo2{color:red;background:blue;}

y así sucesivamente.. el html tendra

Código HTML:

<div id="estilo1">Texto</div>
<br>
<div id="estilo2">Texto 2</div> 

#estilo1 sera el contenedor de las "reglas" color es el color de la letra y background el del fondo..
por cierto los colores están en hexadecimal
#000000 = Negro
#FFFFFF = Blanco
o usar los colores en ingles green , blue , red, gray...

[aprendizhtml]

muchas gracias lo intentare y bere si funciona

[aprendizhtml]

hola de new lo prove y no me funciona no cambia de color ni en front page (vista previa) ni explorer ni fire fox ni nada de nada no se por que la verdad el codigo que me diste es correcto pero no lo e visto en el codigo de fuente de varias pag y asi lo ponen como el que me dieron

[aprendizhtml]

pondre lo que tengo en mi hoja de estilos.css

body {background-color:#646464; background-image: url() }

#contenido1 {BACKGROUND-COLOR:green ; BORDER: #000 1px solid ; MARGIN: 4px 4px 4px 4px ; WIDTH: 800px ; }
#contenido2 {BACKGROUND-COLOR:red ; BORDER: #000 1px solid ; MARGIN: 4px 4px 4px 4px ; WIDTH: 800px ; }
#contenido4 {BACKGROUND-COLOR:blue ; BORDER: #000 1px solid ; MARGIN: 4px 4px 4px 4px ; WIDTH: 800px ; }


#bienvenida {color:verde;}
#bienvenida2 {color:azul;}
#bienvenida2 {color:rojo;}

en mi docuimento html

<DIV id="contenido1">
<DIV id="bienvenida">Este es mi primer DIV llamado 10</DIV>
</DIV>

<DIV id="contenido2">
<DIV id="bienvenida2"><p>Este es mi primer DIV llamado 20</P></DIV>

<DIV id="contenido4">
<DIV id="bienvenida3"><P>Este es mi primer DIV llamado 30</P></DIV>
</DIV>

no se que esta mal

[pitufoweb]

estas seguro de que enlazaste correctamente tu hoja de estilos?



Saludos.

[jomaruro]

Hola:

En primer lugar en tu css tienes definido dos veces el #bienvenida2 y te falta el #bienvenida3.

En segundo lugar deberías poner los colores en notacion hexadecimal, te evitarás problemas, por ejemplo:

Código CSS:

#bienvenida {color:#00f;}
#bienvenida2 {color:#0f0;}
#bienvenida3 {color:#f00;}
 

Saludos.