Fondo múltiple
La propiedad CSS Multi background se usa para agregar una o más imágenes a la vez sin código HTML. Podemos agregar imágenes según nuestros requisitos. Una sintaxis de muestra de imágenes de fondo múltiple es la siguiente:
Los valores más utilizados se muestran a continuación:
| No. | Valor y descripción |
|---|---|
| 1 | background Se utiliza para configurar todas las propiedades de la imagen de fondo en una sección |
| 2 | background-clip Se utiliza para declarar el área de pintura del fondo. |
| 3 | background-image Se utiliza para especificar la imagen de fondo. |
| 4 | background-origin Se utiliza para especificar la posición de las imágenes de fondo |
| 5 | background-size Se utiliza para especificar el tamaño de las imágenes de fondo. |
Ejemplo
El siguiente es el ejemplo que demuestra las imágenes de fondo múltiple.
Tamaño de fondo múltiple
Se acepta la propiedad de fondo múltiple para agregar diferentes tamaños para diferentes imágenes. A continuación se muestra una sintaxis de muestra:
Como se muestra arriba en el ejemplo, cada imagen tiene tamaños específicos como 50px, 130px y tamaño automático.