Poner un color de fondo a nuestra web

07/Dic/2007 CSS , 13 Comentarios
Ejemplos Programación CSS

Si queremos poner un color de fondo a nuestra web tendremos que utilizar los estilos CSS. Antiguamente, aunque funciona por compatibilidad, no era necesario utilizar hojas de estilo ya que el lenguaje HTML nos permitía hacerlo de una forma muy sencilla mediante el atributo background del elemento body. Pero esto ya ha quedado obsoleto y ahora debe de utilizarse CSS.

La verdad que hacerlo con CSS, tampoco es muy complicado. Los colores en CSS se especifican mediante una única propiedad, que es la propiedad background, la cual admite o colores o referencias a imágenes para utilizarlas como fondo en nuestra página web.

Si nos ponemos manos a la obra lo primero que tenemos que hacer es insertar el elemento style del lenguaje HTML, el cual nos permiten definir estilos CSS en nuestra página web. Estos elementos irán dentro de la cabecera de la página, delimitada por los elementos head.

El código que nos quedará será similar a lo siguiente:

<html>
  <head>
    <title>Color de Fondo de la página</title>
    <style>// Estilos</style>
  </head>
  <body>
  </body>
</htm>

Ahora, dentro del código CSS utilizaremos la propiedad background que nos va a demarcar el estilo. Esta propiedad background la utilizaremos sobre el selector body. De esta manera afectará a toda la página. Nos quedaría el siguiente código:

body{ 
  background:red; 
}

El valor del color puede ir mediante el nombre en ingles (red, yellow, blue, pink,…) o en formato RGB (#f00, #fa0, #00f,…). En el segundo caso hay que tener cuidado ya que antes del valor RGB hay que incluir una almohadilla.

Así, el color rojo se puede especificar con «red» o con «#f00».

El código final tanto de nuestra página HTML como del código CSS para poner color de fondo a nuestra web será el siguiente:

<html>
  <head>
    <title>Color de Fondo de la página</title>
    <style>
      body{
        background:red;
      }
    </style>
  </head>
  <body>
    <h1>Página Web con Color de Fondo Rojo</h1>
  </body>
</html>

Vídeos sobre CSS


13 comentarios en “Poner un color de fondo a nuestra web”

Víctor Cuervo

Angel Gutierrez

Lo máximo, gracias por tu aporte

Víctor Cuervo

gepn

muy buen aporte

Víctor Cuervo

sylracse

Buenas!!
Me podrás ayudar. En ponerle estilo a un formulario utilizando bootstrap???

Víctor Cuervo

Víctor Cuervo

Claro que te podemos ayudar. Utiliza el foro y los vamos viendo allí.
http://dudasprogramacion.com/html/bootstrap

Víctor Cuervo

Carla

me encanto tu manera de explicar! se entendio a la primera
sigue así! :D

muchas gracias!!!!

Víctor Cuervo

Víctor Cuervo

Carla nos alegra muchísimo escuchar esas cosas y nos anima a seguir escribiendo.

Saludos.

Víctor Cuervo

jolu

PERFECTO …EXPLICITO, CONCRETO Y ENTEDIBLE..

GRACIAS POR EL APORTE..

°°cria ojos y te sacaran los cuervos°°

Víctor Cuervo

CHARLIE_COLOMBIA

HEY CHAMO GRACIAS POR TU APORTE ESTA MUY WENO ME SIRVIO DE MUCHO AHORA K ESTOY VIENDO CSS, GRACIAS TE MANDO UN SUPER ABRAZO DE AGRADECIMIENTPO.

XD

Víctor Cuervo

informaticon

grax cuate esta chido

Víctor Cuervo

Mariano

consulta: tengo una página realizada en html con el frontpage. Me encantaría poder insertar un sector de comentarios como lo tiene esta web o alguno parecido. Cómo se hace? No soy un experto…

Víctor Cuervo

GREBMIL

GRAX FUERON DE MUCHA AYUDA. MI TAREA ALFIN SALDRA CHIDA JEJEJE

Víctor Cuervo

MILTON ELYSH

MUCHAS GRACIAS AMIGOS !! MUCHA AYUDA ENCONTRAMOS AQUI SIGAN ADELANTE , PERSONAS COMO USTEDES HACEN UN MUNDO MEJOR.

ATTEN,

DESDE HONDURAS

UN ABRAZO !!

Víctor Cuervo

GUILLERMO

COMO PENER IMAGEN DE FONDO A MI PAGINA GEB

¿Algo que nos quieras comentar?

Déjanos tu comentario, no te preocupes que tu email no será publicado

*