Foros del Web » Creando para Internet » CSS »

div cambiar color y fondo especifico a C/U

Estas en el tema de div cambiar color y fondo especifico a C/U en el foro de CSS en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 17/02/2010, 18:00
 
Fecha de Ingreso: enero-2010
Mensajes: 23
Antigüedad: 7 años, 10 meses
Puntos: 0
div cambiar color y fondo especifico a C/U

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
  #2 (permalink)  
Antiguo 17/02/2010, 18:36
Avatar de X3r0s  
Fecha de Ingreso: febrero-2010
Mensajes: 90
Antigüedad: 7 años, 10 meses
Puntos: 3
Respuesta: div cambiar color y fondo especifico a C/U

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...
  #3 (permalink)  
Antiguo 18/02/2010, 16:46
 
Fecha de Ingreso: enero-2010
Mensajes: 23
Antigüedad: 7 años, 10 meses
Puntos: 0
Respuesta: div cambiar color y fondo especifico a C/U

muchas gracias lo intentare y bere si funciona

Última edición por aprendizhtml; 18/02/2010 a las 17:31
  #4 (permalink)  
Antiguo 18/02/2010, 17:35
 
Fecha de Ingreso: enero-2010
Mensajes: 23
Antigüedad: 7 años, 10 meses
Puntos: 0
Respuesta: div cambiar color y fondo especifico a C/U

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
  #5 (permalink)  
Antiguo 18/02/2010, 17:42
 
Fecha de Ingreso: enero-2010
Mensajes: 23
Antigüedad: 7 años, 10 meses
Puntos: 0
Respuesta: div cambiar color y fondo especifico a C/U

pondre lo que tengo en mi hoja de estilos.css


Cita:
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

Cita:
<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
  #6 (permalink)  
Antiguo 18/02/2010, 17:58
Avatar de pitufoweb  
Fecha de Ingreso: enero-2008
Ubicación: Un Mundo Raro
Mensajes: 1.148
Antigüedad: 9 años, 11 meses
Puntos: 181
Respuesta: div cambiar color y fondo especifico a C/U

estas seguro de que enlazaste correctamente tu hoja de estilos?



Saludos.
  #7 (permalink)  
Antiguo 18/02/2010, 18:16
Avatar de jomaruro
Colaborador
 
Fecha de Ingreso: junio-2002
Ubicación: Naboo
Mensajes: 5.442
Antigüedad: 15 años, 5 meses
Puntos: 361
Respuesta: div cambiar color y fondo especifico a C/U

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:
Ver original
  1. #bienvenida {color:#00f;}
  2. #bienvenida2 {color:#0f0;}
  3. #bienvenida3 {color:#f00;}

Saludos.


Etiquetas: color, especifico, fondo
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta

SíEste tema le ha gustado a 1 personas




La zona horaria es GMT -6. Ahora son las 02:39.