Menu
Coddy logo textTech
INIZIA A IMPARARE
flag It iconItalianodown icon

Immagini di sfondo

Lezione 17 di 17 del corso Fisarmonica di immagini | Progetto front-end di Coddy.

Immagini:

1. 

https://images.hdqwalls.com/download/sunrise-landscape-minimalism-5k-ex-1920x1080.jpg

2. 

https://www.hdwallpapers.in/download/artistic_landscape_mountains_trees_sunset_purple_sky_background_minimalist_hd_minimalism-1280x720.jpg

3. 

https://rare-gallery.com/mocahbig/391766-mountain-minimalist-scenery-digital-art-4k-pc.jpg

4. 

https://images.hdqwalls.com/download/firewatch-forest-mountains-minimalism-4k-hb-2880x1800.jpg
challenge icon

Sfida

Facile

Come puoi vedere sopra, le immagini fornite sono:

Tutto quello che devi fare è selezionare gli id one, two, three, and four e impostare le relative immagini di sfondo usando l'URL qui sopra.

Oppure puoi usare:

https://picsum.photos/200/300

per ciascuna di esse.

Provalo tu

<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" href="styles.css">
</head>
    <body>
        <!-- Scrivi qui il codice HTML -->
        <script src="script.js"></script>
    </body>
</html>

Tutte le lezioni di Fisarmonica di immagini | Progetto front-end

1Introduzione

Che cosa costruirai?

4CSS II

Icona della classeLezione di progettoDescrizione della classeLezione di progettoIntestazione e sottotitoloLezione di progettoInputLezione di progettoImmagini di sfondoLezione di progetto

2HTML

TitoloClasse container e inputLezione di progettoEtichetta e classe rowLezione di progettoClassi di rowLezione di progettoIntestazione e sottotitoloLezione di progettoCompleta HTMLLezione di progetto

3CSS I

Selettore universaleLezione di progettoBody e classe wrapperLezione di progettoClasse containerLezione di progettoClasse cardLezione di progettoClasse rowLezione di progetto

Esercitati da solo: Playground Web