La propiedad de imagen de fondo de CSS utilizada para aplicar el gráfico o el degradado al elemento HTML. Gráficos como JPEG, JPG, PNG GIF.
También hay dos tipos de imagen de fondo CSS , una es la imagen degradada y otra es una imagen normal.
Sintaxis: CSS background-image
Configuración de la imagen de fondo en el <body>elemento HTML .
La url()parte de la sintaxis de la imagen de fondo se utiliza para establecer la ruta de la imagen.
También puede establecer la URL de la imagen codificada en base64 en la misma url()parte de la propiedad de fondo.
Patrón de URL como ese. Este método puede reducir las solicitudes HTTP, que es una buena parte de esto. Pero hay algunos pros y contras de esto que debes verificar primero.
Establecer degradados como fondo
Este otro fondo establece la propiedad para cualquier elemento HTML. Aquí hay un ejemplo muy simple para establecer un degradado en la etiqueta del cuerpo.
más sobre gradiente lineal: https://developer.mozilla.org/en-US/docs/Web/CSS/linear-gradient
Otro tipo de propiedad de degradado es el degradado de remarcación,
Establecer el color de fondo con la imagen (color de respaldo)
Puede establecer tanto en la imagen de fondo del elemento como en cualquier color,
El color alternativo significa que si su imagen no se está cargando, ese color aparecerá en el lugar de esa imagen.
- Efecto de texto de imagen de fondo CSS
- Mejor diseño de página de inicio de sesión de usuario con neumorfismo
Imagen de fondo múltiple
Si desea establecer varias imágenes de fondo en la propiedad de fondo único, es posible.
Lo principal es que la primera imagen aparece en primer lugar y la última en último lugar . Tienes que administrar esto usando la propiedad de repetición.
Aquí está la explicación completa de la propiedad de imagen de fondo de CSS y toda la propiedad de imagen de fondo con un ejemplo en vivo.
0 Comentarios
Dejanos tu comentario para seguir mejorando!