CSS » Poner un color de fondo a nuestra web
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:
<head> <title>Color de Fondo de la página</title> <style type="text/css"> // Estilos </style> </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.
<style type="text/css"> body{ background:red; } </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:
<head> <title>Color de Fondo de la página</title> <style type="text/css"> body{ background:red; } </style> </head>
![]() Error en el código |
![]() Foro sobre CSS |
Artículos relacionados:








Marzo 6, 2008 #
COMO PENER IMAGEN DE FONDO A MI PAGINA GEB
Julio 10, 2008 #
MUCHAS GRACIAS AMIGOS !! MUCHA AYUDA ENCONTRAMOS AQUI SIGAN ADELANTE , PERSONAS COMO USTEDES HACEN UN MUNDO MEJOR.
ATTEN,
DESDE HONDURAS
UN ABRAZO !!
Septiembre 25, 2008 #
GRAX FUERON DE MUCHA AYUDA. MI TAREA ALFIN SALDRA CHIDA JEJEJE
Diciembre 1, 2008 #
[...] Vía: Línea de Código [...]
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…
Abril 24, 2009 #
grax cuate esta chido
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
Julio 29, 2009 #
PERFECTO …EXPLICITO, CONCRETO Y ENTEDIBLE..
GRACIAS POR EL APORTE..
°°cria ojos y te sacaran los cuervos°°