Immagine di sfondo in Html

Immagine di sfondo in Html

Ci puo’ capitare di dover inserire in background una immagine invece di un colore di base.  Qui vi spieghiamo come farlo all’interno di un vostro sito internet.

Per inserire un’immagine di sfondo in Html, basta inserire nella nostra pagina il seguente codice:

<body background="immaginedisfondo.jpg">

Per utilizzare il codice sopra indicato si deve inserire l’immagine che vogliamo utilizzare come sfondo nella directory principale, ma siccome noi siamo dei professionisti del design, avremo creato una cartella images, e quindi il nostro codice diventa:

<body background="images/immaginedisfondo.jpg">

L’immagine scelta come background verra’ ripetuta sia in orizzontale che in verticale.

Io aggiungo a questo codice un’altro elemento; infatti mentre viene caricata l’immagine in questione, desidero che l’utente veda il colore che ho deciso io; quindi ecco un nuovo codice:

<body bgcolor="#99cc33" background="images/immaginedisfondo.jpg">

Ecco subito l’esempio.

E’ importante sempre attribuire un colore di sfondo all’immagine, perche’ e’ consuetudine che i browsers assegnano, come colore di default al bgcolor, il colore che l’utente ha impostato nella finestra del sistema operativo.

 

Avete provato a seguire quello che vi abbiamo appena spiegato? Scriveteci la vostra esperienza!

Condividi Articolo

Autore

Magoo

Web Designer da lungo tempo. La mia e' una passione che sembra non avere mai fine. Ho lavorato per molti anni come Web Designer e Digital Artist per alcune aziende pubblicitarie, per poi prendere la decisione di mettermi in proprio. Adesso mi occupo principalmente di elaborazione grafica 3D, ma non disdegno creare pagine web, siti e portali di ogni genere. Benvenuto sul mio Blog!

Vedi tutti gli articoli di Magoo