Color e Imagen de fondo en pagina web

Publicado: junio 9, 2011 en HTML

Color de fondo

Puedes aplicar color de fondo a la página utilizando el siguiente modificador:

bgcolor=Color

Por ejemplo:

<body bgcolor=cyan>

Esta instrucción aplica el color CYAN al fondo de la página. La instrucción bgcolor se debe aplicar dentro de la instrucción <Body>.

Para facilitar la utilización de colores de fondo mediante constantes de color, presentamos la siguiente tabla de colores:

Color Constante

  •  Negro BLACK
  • Azul BLUE
  • Verde GREEN
  • Rojo claro RED
  • Rosa intenso MAGENTA
  • Marrón FUCSIA
  • Gris GRAY
  • Rosa claro PINK
  • Amarillo YELLOW
  • Blanco WHITE
  • Verde claro GREEN+
  • Rojo intenso BLUE+
  • Cián Claro BLUE/RED

Además de que se pueden aplicar combinaciones con modificadores (con el signo +) a cada constante de color, puede utilizar modificadores con el signo /. Por ejemplo, la combinación MAGENTA/YELLOW, produce un color verde oliva claro.

La forma más extensa de obtener colores es utilizando la representación hexadecimal del 0 a la F. Por ejemplo, la siguiente línea de código:

<Body Bgcolor=”#0FFFFF”>

Produce un color azul aguamarina.

Imagen de fondo

Además de aplicar colores de fondo usando combinaciones como las mencionadas anteriormente, puedes aplicar imágenes como fondo de la página. Para ello, utiliza el modificador Img Background=Imagen.

Por ejemplo, la siguiente línea de código aplica una imagen de fondo a la página.

<body img background=imagen.bmp>

Para aplicar una imagen de fondo, debe ubicar la imagen en la misma ruta donde se encuentra la página, en su defecto, deberá especificar la ruta completa en el parámetro IMG BACKGROUND.

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s