Magazine Architettura e Design

Immagine di sfondo in Html

Da Iwebdesigner @Iwebdesigner_it

inserire 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:

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:

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:

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!


Ritornare alla prima pagina di Logo Paperblog