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 css Propiedades del fondo

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

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

4. SANTO TOMAS Se selecciona el formato de fondo color

5. SANTO TOMAS Aquí se selecciona el color

6. SANTO TOMAS Así queda con el formato aplicado

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

8. SANTO TOMAS Se añade la imagen

9. SANTO TOMAS Se selecciona el archivo deseado

10. SANTO TOMAS Así queda con la imagen no repeat

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

12. SANTO TOMAS Se seleciona al costado repeat

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

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

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

16. SANTO TOMAS Fixed= la imagen se queda quieta en el fondo Scroll= la imagen se mueve en conjunto con la barra

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

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

19. SANTO TOMAS Imagen con aplicación del formato deseado

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

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