>> Arte >> teatro >> Opera

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 .

Opera

Categorie correlate