Wie man eine Web- Seite Hintergrund Mit Bildzentrale Stellen

Manchmal ist ein einsamer , zentriert Web -Seite Hintergrund kann einen dramatischen Effekt, der die Stimmung einer Website verbessert erstellen. Zum Beispiel könnte ein Bild der Erde schweben vor einem schwarzen Hintergrund Besucher auf eine Website der Astronomie zu begeistern. Viele Entwickler verwenden Stylesheets , um die Position und das Aussehen jedes Objekt auf einer Webseite steuern. Dazu gehören Hintergründe. Experimentieren mit zentrierten Hintergründe , indem Sie eine Ihrer Lieblings- Bilder und Styling auf Ihrer Webseite. Anweisungen
1

Öffnen Sie den Editor . Fügen Sie den folgenden Text , um eine leere HTML-Dokument zu erstellen :

< 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 " >

< head >

< Titel > Zentrum eine Web- Seite Test < /Titel >

< - Legen Stil Abschnitt hier ** - >

< /head >

< Körper >

< h1 > Diese Seite wurde eine zentrierte Hintergrundbild < /h1 >

< input id = " Button1 " type = " Taste "value = " button " /> < input id =" Text1 "type = " text "/>

< /Körper >

< /html >

Dieser Code erstellt eine Überschrift , eine Schaltfläche und ein Textfeld
2

Fügen Sie die folgende Style Sheet Code unter "Einfügen Stil Abschnitt hier: " .

< Stil >

body {background : url ( ' xyz.jpg ') festZentrumno-repeat ;}

< /style >

Dieser Stil Definition Zentren das Hintergrundbild der Körper der Seite . Ersetzen Sie " xyz.jpg " mit einem Ihrer Bilder.
3

Drücken Sie "Strg + S" , um den Editor des "Speichern unter" -Fenster zu öffnen . Geben Sie " Center_Web_Page_Test.html " in der " Dateiname" ein und klicken Sie auf "Speichern". Notepad wird die HTML-Datei zu speichern.
4

Öffnen Sie einen Browser und drücken Sie " Strg + O " , um das Fenster " Datei öffnen " öffnen. Suchen Sie die HTML-Datei und doppelklicken Sie darauf . Der Browser wird sie anzuzeigen. Überprüfen Sie, ob der Browser zentriert das Hintergrundbild.