Come fare una pagina Web Background Con Centro Immagine

A volte un solitario , centrata pagina Web di sfondo può creare un effetto drammatico che migliora lo stato d'animo di un sito web . Ad esempio , l'immagine di terra galleggiante su uno sfondo nero potrebbe affascinare i visitatori di un sito di astronomia . Molti sviluppatori utilizzano i fogli di stile per controllare la posizione e l'aspetto di ogni oggetto in una pagina web . Questo include gli sfondi . Esperimento con sfondi centrate scegliendo una delle tue immagini preferite e styling sulla tua pagina web . Istruzioni
1

Aprire il Blocco note . Aggiungere il seguente testo per creare un documento HTML vuoto : !

< DOCTYPE HTML PUBLIC " - //W3C //DTD XHTML 1.0 Transitional //EN " " http://www.w3.org/TR /xhtml1/DTD/xhtml1 - transitional.dtd">

< html xmlns = " http://www.w3.org/1999/xhtml " >

< testa >

< title > Centro di una pagina Web test < /title >

< - sezione stile Inserisci qui ** - >

< /testa >

< body >

< h1 > questa pagina ha uno sfondo Centrato Immagine < /h1 >

< ingresso id = tipo " Button1 " = " pulsante " value = " button " /> < ingresso id = " " type = " Text1 text " />

< /body >

< /html >

Questo codice crea un titolo , un pulsante e una casella di testo
2

Aggiungere il codice seguente foglio di stile sotto " sezione style Inserisci qui : " .

< stile >

body {background : url ( ' xyz.jpg ') centro fisso no-repeat; }

< /style >

Centri Questa definizione di stile l'immagine di sfondo del corpo della pagina . Sostituire " xyz.jpg " con una delle tue immagini .
3

Premere il tasto " Ctrl + S " per aprire il Blocco note di " Salva con nome " finestra . Inserire " Center_Web_Page_Test.html " nella casella "Nome file" e fare clic su "Salva ". Notepad salverà il file HTML .
4

Aprire un browser e premere " CTRL + O" per aprire la finestra " Apri file " . Individuare il file HTML e fare doppio clic su di esso . Il browser visualizzerà esso . Verificare che il browser centra l' immagine di sfondo .