Header Ads Widget

Ticker

6/recent/ticker-posts

Propiedades de imagen de fondo CSS

 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.

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.

Publicar un comentario

0 Comentarios