11-Imagens de fondo

HTML






Imagen de fondo CSS

En este tema, aprenderemos a utilizar la propiedad background-image en CSS para agregar imágenes de fondo a los elementos HTML.

Ejemplo de código:

body {
    background-image: url('https://cdn.pixabay.com/photo/2024/10/11/19/50/animal-9113761_1280.jpg');
    background-size: cover;
    background-position: center;
}

Ejemplo Visual de Imagen de Fondo

Este contenedor tiene una imagen de fondo aplicada usando background-image en CSS, con las propiedades background-size: cover y background-position: center para asegurar que la imagen cubra todo el espacio del contenedor y esté centrada.


Ejemplo Visual de Párrafo con Imagen de Fondo

Este párrafo tiene una imagen de fondo aplicada mediante background-image en CSS. La imagen cubre todo el fondo del párrafo.




...


Publicar un comentario

0 Comentarios