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