feed twitter facebook LinkedIn facebook

CSS » Poner un color de fondo a nuestra web

diciembre 7, 2007 por Víctor Cuervo 8 Comentarios Imprimir Imprimir

Si queremos poner un color de fondo a nuestra página 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. <style type="text/css">
  2. body{
  3. background:red;
  4. }
  5. </style>

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

Visualizar el ejemplo | Descargar el código

Error en el Codigo
Error en el código
Foro sobre CSS
Foro sobre CSS
tags: , ,

Artículos relacionados:

8 comentarios »

RSS feed para los comentarios de esta entrada. TrackBack URI

  1. GUILLERMO
    marzo 6, 2008 #

    COMO PENER IMAGEN DE FONDO A MI PAGINA GEB

  2. MILTON ELYSH
    julio 10, 2008 #

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

    ATTEN,

    DESDE HONDURAS

    UN ABRAZO !!

  3. GREBMIL
    septiembre 25, 2008 #

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

  4. Ayuda en la Web » Color de fondo de la página web
    diciembre 1, 2008 #

    [...] Vía: Línea de Código [...]

  5. Mariano
    abril 3, 2009 #

    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…

  6. informaticon
    abril 24, 2009 #

    grax cuate esta chido

  7. CHARLIE_COLOMBIA
    abril 29, 2009 #

    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

  8. jolu
    julio 29, 2009 #

    PERFECTO …EXPLICITO, CONCRETO Y ENTEDIBLE..

    GRACIAS POR EL APORTE..

    °°cria ojos y te sacaran los cuervos°°

Deja un comentario

XHTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

*