Este documento describe las propiedades CSS relacionadas con los estilos de fondo, incluyendo background-color para establecer el color de fondo, background-image para definir una imagen de fondo, background-repeat para controlar la repetición de la imagen, background-attachment para fijar la imagen de fondo, y background-position para establecer la posición de inicio del fondo. También cubre el uso abreviado de la propiedad background para aplicar varias propiedades de fondo a la vez.

1. SANTO TOMAS- Estilos cssPropiedades del fondo

2. background-colorEstablece el color de fondo de un elemento. El fondo se extiende al borde del elemento. Valor inicial: transparente.{ background-color: #CCCC00 }

3. SANTO TOMASEn la ventada del css se modifica sin tener que ocupar la barra de propiedades ( se añade propiedad

4. SANTO TOMASSe selecciona el formato de fondo color

5. SANTO TOMASAquí se selecciona el color

6. SANTO TOMASAsí queda con el formato aplicado

7. background-imageDefine 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);}

8. SANTO TOMASSe añade la imagen

9. SANTO TOMASSe selecciona el archivo deseado

10. SANTO TOMASAsí queda con la imagen no repeat

11. background-repeatEstablede 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 }

12. SANTO TOMASSe seleciona al costado repeat

13. SANTO TOMASVista de la imagen repeat ( es decir repetida )

14. background-attachmentDefine 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;}

15. SANTO TOMASSe agrega attachment para dejar la imagen quieta en el formato

16. SANTO TOMASFixed= la imagen se queda quieta en el fondoScroll= la imagen se mueve en conjunto con la barra

17. background-positionEstablece 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;}

18. SANTO TOMASSe selecciona la posición de la imagen de fondo ya sea horizontal, vertical, centrada

19. SANTO TOMASImagen con aplicación del formato deseado

20. backgroundAbreviatura para las demás propiedades. Los valores pueden ser escritos en cualquier orden.BODY {;} background: white url(bg41.gif) fixed center

21. SANTO TOMASSe puede escribir como se desee, el orden de los factores no altera el producto