Hvordan man laver en webside Baggrund Med Billede center

Nogle gange kan en enlig , centreret webside baggrund kan skabe en dramatisk effekt , der øger stemningen i et websted. For eksempel kan et billede af Jorden flyder mod en sort baggrund fængsle besøgende til en astronomi site. Mange udviklere bruger style sheets til at styre positionen og udseendet af hvert objekt på en webside. Dette omfatter baggrunde. Eksperimentere med centreret baggrunde ved at vælge en af ​​dine foretrukne billeder og styling det på din webside. Instruktioner
1

Åbn Notesblok. Tilføj følgende tekst for at oprette et tomt HTML-dokument :

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

< head >

< titel > center en webside Test < /title >

<! - Indsæt stil sektion her ** - >

< /head >

< krop >

< h1 > denne side er en centreret Baggrundsbillede < /h1 >

< input id = " Button1 " type = " knappen " value =" knap " /> < input id =" Tekst1 " type =" text " />

< /krop >

< /html >

Denne kode opretter en overskrift , en knap og en tekstboks
2

Tilføj følgende style Sheet koden nedenfor "Indsæt stil sektion her: " .

< stil >

body { background: url ( ' xyz.jpg «) fast centrum no- repeat; }

< /stil >

Denne definition stil centre baggrundsbilledet af sidens krop . Erstat " xyz.jpg " med en af ​​dine billeder.
3

Tryk på "Ctrl + S " for at åbne Notesblok s " Gem som" vindue . Indtast " Center_Web_Page_Test.html " i " File Name " feltet og klik på "Gem ". Notesblok vil gemme HTML -filen.
4

Åbn en browser , og tryk på "CTRL + O " for at åbne "File Open" vinduet. Find HTML-filen og dobbeltklikke på den . Browseren vil vise det. Kontroller browseren centrerer baggrundsbillede.
Hoteltilbud