Ejercicios de práctica de CSS

Ejercicio 5

Crea un <div> con un fondo de color y un texto en su interior. Luego, creamos otro utilizando una imagen y ajustamos sus propiedades de repetición y posición.

Lo resolví del siguiente modo:

CSS:

            .div-con-fondo {
                background-color: #4CAF50;
                color: white;
                padding: 20px;
                text-align: center;
            }

            /* Cambiar el fondo a una imagen */
            .div-con-fondo-imagen {
                background-image: url('../img/fondo.jpg');
                background-repeat: no-repeat;
                background-position: center;
                background-size: cover;
                color: black;
                padding: 20px;
                text-align: center;
            }
            

HTML:

            <div class="div-con-fondo">Texto con fondo de color</div>
            <div class="div-con-fondo-imagen">Texto con fondo de imagen</div>