Como colocar un color de fondo a la página, no a las capas

**jonoxx** · 12/06/2010, 22:40

Bueno primero decir que su curso es excelente y lo acabo de terminar, espero graduarme con honores de este curso :D. En verdad aun seguiré viendo todo de la página para guiarme siempre.

Bueno mi duda es en colocarle un color de fondo a la pagina en si, no a las capas. Por ejemplo la página CCTW tiene un color de fondo degradable de azul, eso quiero lograr yo en mi página, ya que las capas salen de colores y todo bien, pero el resto es blanco, y se ve feito, me gustaría arreglarlo.

Bueno muchas gracias

**fernando mendoza** · 13/06/2010, 01:44

hola jonoxx en la hoja de estilo agrega esto en el body:

body {text-align: center ; background-color: aqui el color que quieras}
saludos.

**jonoxx** · 13/06/2010, 02:04

muchas gracias :D

**julio el papi1000** · 25/06/2010, 20:16

Iniciado por fernando mendoza

hola jonoxx en la hoja de estilo agrega esto en el body:

body {text-align: center ; background-color: aqui el color que quieras}
saludos.

hola quiero que me explique eso mas despacio

<html
<heard>
<title>pajina principal del ejemplo cctw</title>
<link rel="stylesheet" href=estilos.css" type="text/css"media="all">
</heard>
<bady>

quiero que me digan donde yo puedo o el codigo como lo de introducir o inseptar un color de fondo

**Raulyure** · 25/06/2010, 21:22

Iniciado por julio el papi1000

Iniciado por fernando mendoza

hola jonoxx en la hoja de estilo agrega esto en el body:

body {text-align: center ; background-color: aqui el color que quieras}
saludos.

hola quiero que me explique eso mas despacio

<html
<heard>
<title>pajina principal del ejemplo cctw</title>
<link rel="stylesheet" href=estilos.css" type="text/css"media="all">
</heard>
<bady>

quiero que me digan donde yo puedo o el codigo como lo de introducir o inseptar un color de fondo

Hola:
Con el permiso de Fernando, le haré unas pequeñas sugerencias.
Primero.- Usted tiene una pagina que se llama por ejemplo plantilla.html.
Esa página se compone de etiquetas que abren, y luego se cierran.
segundo.- Para que esa página llamada plantilla.html tenga color de fondo o alguna capa que usted haya creado, también tenga color de fondo etc. etc. etc.. Es para eso que se crea una hoja de estilo a la que llamamos estilo-general.css.

En esa hoja de estilo genral se le dan las directivas de como uno quiere que se muestre esa página plantilla.
Bien.
Esa pagina se compone de , vamos a decir tres cuerpos principales
Uno es el que le llamamos <html>----</html>
Ese es el cuerpo que contiene a todo lo demás.
Dentro de ese cuerpo html
está uno que se llama <head>----</head>

Dentro de ese head, van algunas directivas que le sirven a los navegadores para saber de que trata la página.
Lo que pone allí dentro de ese cuerpo head no se suele visualizar en la pantalla excepto lo que va entre la etiqueta <title> y </title>.

Luego vien el otro cuerpo, ese se llama body.
Sus etiquetas serían <body> y </body>.

Bien.
El body podríamos decir que es la parte visible de su página, (todo lo que ponga allí, es lo que se verá en su pantalla)
Por tanto, el body diríamos que es toda su pantalla del monitor.
Ahora, si su monitor mide de ancho por ejemplo, 1260 píxeles, entonces su body mide 1260 píxeles de ancho.
Pero usted dentro del body hace por ejemplo una capa.

Pues a esa capa usted le pone por nombre global

Y a esa capa usted le da una medida de ancho de 800 píxeles.
Por tanto, esa capa global que mide de ancho 800px la pndrá centrada dentro del body (que es toda su pantalla)
Pero ahora usted quiere ponerle al body un color de fondo y a la capa global también un color de fondo.
entonces es cuando se va a la hoja de estilo general y donde están las directivas para el body, es allí donde se le pone el color de fondo que uno quiere para el body

Imagine que usted quiere que el body (el cuerpo de la web) (toda su pantalla) tenga un color de fondo negro.

Pues en la hoja de estilo , allí donde dice
body{text-align:center; etc. etc.;
pone usted a continuación lo siguiente:
body{text-align:center;background-color:#000000;}

Y si usted quiere que esa capa global tenga un color de fondo amarillo, puede ir a esa capa global y poner a continuación de las otras directivas que tiene allí esa capa global, lo siguiente:
#global{width:800px;margin:4px auto;background-color:yellow;}

Entonces, cuando haga la vista previa, usted verá que la capa global que está dentro del body tiene 800px de ancho, está centrada, y tiene colo de fondo amarillo.
Y verá que al lado izquierdo, tiene más o menos una franja de color negro de unos 230 px de ancho y por la derecha otra franja de unos 230 px de ancho de color negro, ¿Porqué?

Porque eso negro es su body que al centro tiene una capa de color amarillo.

Y como esa capa global mide de ancho 800px pues por la izquierda le sobran unos 230px y por la derecha otros 230 px.
Ya que su monitor mide de ancho 1260 px

espero que le sirva.

Saludos