Backgrounds en CSS y Ejercicio 3 (Parcial)

← Diseño Web ⌂ Home

Fondos en CSS

Algunas de las propiedades de css relacionadas con la apariencia del fondo de los elementos son:

Empecemos a agregar fondos a las diferentes secciones. Para el header hagamos lo siguiente:

.header {
    background-color: #3B3B3B;
    color: white;
}

.header a {
    color: white;
    text-decoration: none;
}

Nota: Posiblemente la imagen que tenias de logo, ya no cuadre con el color blanco del texto, así que te sugiero descargarla en color blanco.

El siguiente paso, poner un fondo en nuestra sección del hero, te recomiendo visites unsplash.com para descargar recursos e imágenes de libre uso. Yo usaré la siguiente imagen

.hero {
    height: 300px;
    background-image: url('../img/hero-background.jpg');
    background-size: 500px 300px;
    background-repeat: no-repeat;
    background-position-x: right;
    background-color: #3B3B3B;
    color: white;
}

Ejercicio 3 Parcial

El código para descarga hasta este punto de los tutoriales: Ejercicio 3