Propiedades del fondo

Establece el color de fondo de un

elemento. El fondo se extiende al borde

del elemento. Valor inicial: transparente.

{ background-color: #CCCC00 }

En la ventada del css se modifica sin tener que ocupar la barra de propiedades ( se añade propiedad

Se selecciona el formato de fondo color

Aquí se selecciona el color

Así queda con el formato aplicado

Define una imagen como patrón de fondo. En conjunción con las otras propiedades de fondo, puede usarse como mosaico o repetirse en una direccción solamente. De uso recomendado con background-color, para las personas que deshabilitan la carga de imágenes.

BODY {background-image: url(bg41.gif);}

Se añade la imagen

Se selecciona el archivo deseado

Así queda con la imagen no repeat

Establede el estilo de repeticion para

una imagen de fondo. Los valores son:

repeat (mosaico), no-repeat, repeat-x

(horizontal), repeat-y (vertical). Por

defecto: repeat.

BODY { background-repeat: repeat-y }

Se seleciona al costado repeat

Vista de la imagen repeat ( es decir repetida )

Define si la imagen de fondo sigue el

movimiento de desplazamiento de la

barra de scroll o si no. Los valores

posibles son: scroll y fixed.

BODY {background-attachment: fixed;}

Se agrega attachment para dejar la imagen quieta en el formato

Fixed= la imagen se queda quieta en el fondoScroll= la imagen se mueve en conjunto con la barra

Establece el punto de comienzo de un

fondo, ya sea imagen o color. Si es un

color, el relleno del color continua desde

tal posición. Si es una imagen, la primera

imagen es ubicada en esa posición.

Valores: Position (x y) o (x% y%);

top, center, bottom, left, right.

BODY {background-position: top center;}

Se selecciona la posición de la imagen de fondo ya sea horizontal, vertical, centrada

Imagen con aplicación del formato deseado

Abreviatura para las demás

propiedades. Los valores pueden ser

escritos en cualquier orden.

BODY {;} background: white url(bg41.gif)

fixed center

Se puede escribir como se desee, el orden de los factores no altera el producto