Poner un color de fondo a nuestra web

07/dic/2007 CSS , 8 Comentarios
css

Si queremos poner un color de fondo a nuestra web tendremos que utilizar los estilos CSS. Antiguamente, aunque funciona por compatibilidad, el lenguaje HTML nos permitía hacerlo de una forma muy sencilla mediante el atributo background de la etiqueta body.

Si bien, con CSS, tampoco es muy complicado. Los colores se especifican mediante la propiedad background, la cual admite o colores o referencias a imágenes para utilizarlas como fondo en nuestra página web.

Lo primero que tenemos que hacer es insertar las etiquetas HTML style, las cuales nos permiten definir estilos CSS en nuestra página web. Estas irán dentro de la cabecera de la página, delimitada por las etiquetas head.

El código será similar a lo siguiente:

  1. <title>Color de Fondo de la página</title>
  2. <style type="text/css">
  3. // Estilos
  4. </style>
  5. </head>

La propiedad background que nos va a demarcar el estilo la utilizaremos sobre la etiqueta body. De esta manera afectará a toda la página.

  1. body{
  2. background:red;
  3. }

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 para poner color de fondo a nuestra web será el siguiente:

  1. <title>Color de Fondo de la página</title>
  2. <style type="text/css">
  3. body{
  4. background:red;
  5. }
  6. </style>
  7. </head>

Vídeos sobre CSS

Ningún video coincide

Difunde el Conocimiento

Si te ha gustado el artículo o te ha sido de utilidad, no dejes de compartirlo con tus amigos en las redes sociales... Te estaremos muy agradecidos. :-D

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

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

*


*