Come fare un immagine di sfondo Utilizzo di URL

June 28

Come fare un immagine di sfondo Utilizzo di URL


Le immagini di sfondo si danno un modo rapido per trasformare l'aspetto complessivo della pagina. È possibile cambiare lo sfondo del testo, paragrafi, sezioni o un'intera pagina. E 'importante utilizzare le immagini che non interferiscono con i contenuti in primo piano, però. Le immagini di sfondo con un sacco di modelli audaci possono entrare in conflitto con il testo. immagini scure funzionano meglio con il testo di colore chiaro. L'URL di un'immagine di sfondo è l'indirizzo del sito in cui si trova il file.

istruzione

1 Aprire il file HTML che si desidera modificare in un editor di testo, come Blocco note, WordPad o EditPad.

2 Aggiungere il seguente stile all'interno del tag "testa" per creare uno stile di sfondo per la tua intera pagina, ma sostituire "imagefile.gif" con il nome del file di immagine:

<Style type = "text / css">
<! -
body {
background-image: URL ( 'imagefile.gif');
}
->
</ Style>

3 Sostituire "corpo" con "div" nel codice dal Punto 2 per creare uno stile di sfondo per una sezione della pagina, come ad esempio:

div {
background-image: URL ( 'imagefile.gif');
}

4 Sostituire "corpo" con "p" nel codice dal Punto 2 per creare uno stile di sfondo per un paragrafo, come ad esempio:

p {
background-image: URL ( 'imagefile.gif');
}

5 Inserire un tag "corpo" dopo il tag di chiusura "testa" per applicare lo stile di fondo alla pagina, come segue:

<Body>
contenuti all'interno della pagina
</ Body>

6 Inserire un tag "div" all'interno del tag "corpo" per applicare lo stile di sfondo a una sezione, come ad esempio:

<Body>
<Div> contenuto di una sezione </ div>
</ Body>

7 Inserire un tag "p" all'interno del tag "corpo" per applicare lo stile di sfondo al testo e / o paragrafi come segue:

<Body>
<P> contenuto del paragrafo </ p>
</ Body>