come aggiungere un’immagine di sfondo in HTML

In questa guida HTML, impareremo come aggiungere immagini di sfondo a una pagina web usando CSS. Vedremo come impostare colori, inserire immagini, controllare la ripetizione e adattare l’immagine per riempire tutto il browser.

Questa lezione di CSS copre:
Aggiungere colori di sfondo con CSS inline
Usare [background-image: url()] con un’immagine dal web
Controllare la ripetizione con [no-repeat]
Regolare le dimensioni con [background-size] (100%, 75%, ecc.)
Allargare l’immagine su larghezza e altezza
Spostare il CSS da attributi inline [style] al tag [style] per un codice più pulito

Questa guida è perfetta per principianti e mostra passo dopo passo come rendere lo sfondo della tua pagina web professionale con immagini, non solo colori piatti.

⏱️ Tempi

00:00 – Introduzione: sfondi in HTML
00:21 – Due metodi: tag style vs attributo inline style
00:30 – Aggiungere un colore di sfondo (nero, giallo, ecc.)
01:01 – Usare [background-image: url()] con immagini esterne
01:19 – Esempio con sfondo a piastrelle
01:43 – Usare [no-repeat] per mostrare un’unica immagine
02:12 – Allargare lo sfondo con [background-size: 100%]
02:41 – Scalare X e Y indipendentemente (100% 100%, 75% ecc.)
03:26 – Migliore pratica: spostare il CSS da inline style al tag [style]
04:00 – Codice organizzato vs modifiche rapide inline
04:26 – Riassunto e conclusione

🏷️ Tag
guida html,immagine di sfondo html,css sfondo immagine,aggiungere sfondo html,sfondi css html,background-size cover,no-repeat css,html per principianti,guida css per principianti,sfondo…