Índice

Fondo HTML:Fondo

A continuación, las declaraciones posibles:

1. Color de fondo: background-color PROPIEDADES CSS:background-color

Este es un ejemplo de declaración:

<STYLE type="text/css"> 
H1 { background-color: #F00 } 
</STYLE> 
</HEAD> 
<BODY> 
<H1>El título</H1> 
</BODY>

2. Imagen de fondo: background-image PROPIEDADES CSS:background-image

Este es un ejemplo de declaración:

<STYLE type="text/css"> 
H1 { background-image: url("mi_imagen.jpg")} 
</STYLE> 
</HEAD> 
<BODY> 
<H1>El título con una imagen de fondo</H1> 
</BODY>

3. Repetición horizontal de la imagen: background-repeat PROPIEDADES CSS:background-repeat

Los valores posibles son:

  • Repeat: la imagen se repetirá horizontal y verticalmente.

  • no-repeat: la imagen de fondo se muestra sólo una vez.

  • repeat-x: la imagen de fondo se repite sólo horizontalmente.

  • repeat-y: la imagen de fondo se repite sólo verticalmente.

Este es un ejemplo:

body { background-image:url("mi_imagen.jpg") ;  
background-repeat: repeat-x ; }

Debemos entender que si su imagen es más pequeña que la página se obtiene un efecto de mosaico (o tablero de ajedrez).

4. Fijación de una imagen: background-attachment PROPIEDADES CSS:background-attachment

Esta declaración permite especificar si una imagen es fija (fixed) o si por lo contrario sigue el movimiento de la página ...