Come mettere un'immagine di sfondo sul tuo sito web

July 28

Come mettere un'immagine di sfondo sul tuo sito web


La pagina di base sito dispone di un semplice sfondo, ma si può andare al di là di base, migliorando il tuo sito con un'immagine di sfondo. Scegliere uno che integra il vostro sito al contrario di quello che toglie da esso. Una bella immagine di sfondo non è piacevole se si rende il testo illeggibile sito web. Si potrebbe risolvere questo dando l'immagine di un basso grado di opacità. CSS fornisce un modo per aggiungere un'immagine di sfondo. Ci sono opzioni per visualizzare l'immagine una o più volte.

istruzione

1 Aprire il documento. Inserire il testo seguente sopra il tag "</ head>":

"<Style type =" text / css ">

body {background: url ( "http://www.mysite.com/background.jpg") 50% 50% no-repeat;

}

</ Style> "

2 Assicurarsi che il collegamento immagine corrisponda alla posizione della vostra immagine. Si noti il ​​codice dopo la vostra immagine. Il "50% 50%" sono le proprietà di posizione e provocare l'immagine da centrare orizzontalmente e verticalmente. Il "no-repeat" proprietà rende la visualizzazione delle immagini, una volta senza ripetere.

3 Carica o fare clic sul documento HTML per testare la vostra pagina. Modificare le proprietà o l'immagine di misura il vostro bisogno.


Articoli Correlati