Background en CSS como manipular los fondos Guia practica

Tabla de contenidos

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;
   }
  1. background-image:
    Esta propiedad permite establecer una imagen como fondo de un elemento. Ejemplo:
   .ejemplo {
       background-image: url('imagen.jpg');
   }
  1. background-repeat:
    Esta propiedad determina cómo se repetirá una imagen de fondo. Ejemplo:
   .ejemplo {
       background-image: url('patron.png');
       background-repeat: repeat-x;
   }
  1. 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;
   }
  1. background-position:
    Esta propiedad determina la posición inicial de una imagen de fondo. Ejemplo:
   .ejemplo {
       background-image: url('fondo.jpg');
       background-position: center;
   }
  1. 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.

5 1 Votar
Article Rating
Suscribirte
Notificar de
guest
0 Comments
Comentarios en línea
Ver todos los comentarios