![](https://secure.gravatar.com/avatar/069849e93b798a9aee2c38a6d6b6a85d?s=150&d=https%3A%2F%2Fwww.maxlaferla.it%2Fwp-content%2Fthemes%2Fmax%2Fassets%2Fgravatar.gif&r=g)
Pubblicato da: Max
In data:
12 Feb 2022
Tempo di lettura:
![Footer Ondulato](https://www.maxlaferla.it/wp-content/uploads/2022/02/cover-articolo-3-300x300.png)
Ciao! Nel video-tutorial di oggi, vedremo come realizzare un
Footer ondulato
Utilizzando un’immagine assegnata come background nel foglio di stile.
Ecco l’immagine che utilizzeremo
![](https://www.maxlaferla.it/wp-content/uploads/2022/02/footer-ondulato-per-articolo-1024x105.png)
Iniziamo subito!
Dopo aver creato la nostra solita pagina minima html
![](https://www.maxlaferla.it/wp-content/uploads/2022/02/pagina-minima-6.png)
Impostiamo tutta la struttura html che ci occorre
Assegniamo uno sfondo al body, e stilizziamo i 3 elementi che abbiamo inserito
Posizioniamo il footer in fondo alla pagina
Inseriamo l’immagine nel footer
Un ultimo ritocco al colore del Footer!
Bene! abbiamo concluso questo video-tutorial sulla realizzazione di un footer ondulato.
Per scaricare i file creati, clicca sul tasto Download e dopo decomprimi il file ZIP
Se vuoi guardare il video completo, vai sul mio canale YouTube, dove troverai tanti altri video-tutorial!