Background en CSS como manipular los fondos Guia practica

Directivas CSS comunes para manipular fondos, junto con ejemplos de cómo se utilizan:

1. background-color:
   Esta propiedad establece el color de fondo de un elemento. Ejemplo:

   .ejemplo {
       background-color: #f2f2f2;
   }

2. background-image:
   Esta propiedad permite establecer una imagen como fondo de un elemento. Ejemplo:

   .ejemplo {
       background-image: url('imagen.jpg');
   }

3. background-repeat:
   Esta propiedad determina cómo se repetirá una imagen de fondo. Ejemplo:

   .ejemplo {
       background-image: url('patron.png');
       background-repeat: repeat-x;
   }

4. background-attachment:
   Esta propiedad especifica si la imagen de fondo se desplaza con el contenido o permanece fija en su posición. Ejemplo:

   .ejemplo {
       background-image: url('fondo.jpg');
       background-attachment: fixed;
   }

5. background-position:
   Esta propiedad determina la posición inicial de una imagen de fondo. Ejemplo:

   .ejemplo {
       background-image: url('fondo.jpg');
       background-position: center;
   }

6. background-size:
   Esta propiedad especifica el tamaño de una imagen de fondo. Ejemplo:

   .ejemplo {
       background-image: url('fondo.jpg');
       background-size: cover;
   }

Estas directivas CSS te permitirán personalizar y controlar los fondos de tus elementos HTML de manera efectiva.