Immagini di sfondo creano layout attraente per siti Web. Uno sviluppatore Web può creare una semplice immagine e delle mattonelle in tutta l'intero sfondo della pagina. Il layout affiancato consente agli sviluppatori HTML utilizzare un'immagine di dimensione più piccole, così gli utenti con connessioni Internet lente non sono costretti a scaricare immagini di grandi dimensioni. È possibile affiancare un'immagine sullo sfondo di un sito Web utilizzando fogli di stile CSS (CSS). È possibile affiancare l'immagine in senso orizzontale (asse x), verticalmente (asse y) o in entrambe le direzioni.

Istruzioni

1

Aprire il file HTML in un editor di testo. Scorrimento verso il basso per il tag di sezione HTML etichettato \ "< styles >. \" questo è il luogo dove si inserisce l'immagine di sfondo.

2

Creare il codice per impostare un'immagine di sfondo. Questa immagine deve trovarsi nella \"images\" cartella sul disco rigido del tuo server web host. Il codice seguente imposta l'immagine di sfondo come \"theImage.jpg\" per il sito Web:

corpo () {
sfondo: bianco URL(/images/theImage.jpg)
VAI
}

3

Affianca l'immagine orizzontalmente. Il codice seguente ripete l'immagine all'interno della pagina in orizzontale:

corpo () {
sfondo: bianco URL(/images/theImage.jpg) repeat-x
VAI
}

4

Ripetere l'immagine orizzontalmente e verticalmente. Questo copre la sezione intera in background nel browser dell'utente. Il seguente codice copre di tegoli l'immagine:

corpo () {
sfondo: bianco URL(/images/theImage.jpg) repeat-x repeat-y
VAI
}