Come inserire un immagine di sfondo in Html?

In questa guida imparerai come inserire un’immagine di sfondo html in maniera semplice, con piccoli esempi pratici spiegati in maniera semplice. Ecco i passi da seguire per personalizzare lo sfondo della pagina inserendo un’immagine di background.

Impara come inserire immagine di sfondo html

Ricordi la prima volta che hai provato a fare un sito web html? io lo ricordo come fosse ieri! poi ho smesso, ho costruito tutto tramite php e CMS ma oggi quell’esperienza mi è tornata utile, perché posso personalizzare un sito web in maniera facile, veloce e professionale tramite il codice html e CSS. E tu cosa aspetti a riutilizzarlo? non dirmi che te lo sei dimenticato… va beh non ci sono problemi, rinfreschiamoci le idee.

Leggi questo articolo se vuoi sapere come inserire immagine html una a fianco all’altra?

Immagine di sfondo ad una pagina web con HTML

Per inserire una immagine di sfondo html la procedura da seguire è semplice, basta usare la seguente sintassi HTML:

<body background="nome-file-Immagine.jpg">

Questo esempio applicherà lo sfondo alla tua pagina web senza l’uso di plugin o difficile programmazione.

oppure puoi usare il codice CSS

Applicare un’immagine di sfondo utilizzando i CSS

body { background-image: url(sfondo.gif); background-repeat: repeat; }

body {
background-image: url(back_400.gif);
background-repeat: no-repeat;
background-position: center center;
}

Potresti aver bisogno di creare un menù in una barra di navigazione del tuo sito da posizionare in un’area specifica per migliorare la UX, allora dovrai fare un elenco puntato orizzontale. Se vuoi fare la differenza ti consiglio di installare GetBootstrap sul tuo sito web per ottenere un sito personalizzato e professionale.

Installa BooStrap CSS al tuo tema WordPress
Leggi questa guida Gratuita!


Social media & sharing icons powered by UltimatelySocial