Kuinka tehdäWeb-sivun taustalla Image keskus

Joskusyksinäinen , keskitetty Web-sivun taustalla voi luoda dramaattinen vaikutus , joka parantaamielialaaverkkosivuilla. Esimerkiksikuvan maapallon kelluva vastenmustaa taustaa voisi kiehtoa kävijöitätähtitieteen sivusto . Monet kehittäjät käyttävät tyylitiedostojenasema ja ulkonäkö jokaisen esineen Web-sivulla . Tämä sisältää taustoja . Kokeilla keskitetty taustat valitsemalla yksi suosikki kuvia ja styling on Web-sivulla . Ohjeet

1

Avaa Muistio . Lisätään seuraava teksti luodatyhjän HTML- asiakirjan

< ! 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 >,

< tITLE- Centerinweb-sivu Test < /tITLE-

< ! - Lisää tyyliä jakso täältä ** - >

< /head >

< body >

< h1 > Tämä sivu onKeskitetty taustakuva < /h1 >

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

< /body >

< /html >

Tämä koodi luootsikon ,painiketta jatekstikenttään .
2

Lisääseuraava Style Sheet koodi alla " Insert tyyli osio tässä: "

< tyyli >,

body { background : url ( ' xyz.jpg ) kiinteä keskus no- repeat; }

< /tyyli >

Tämä tyyli määritelmä keskittäätaustakuvan sivun ruumis . Korvaa " xyz.jpg " kanssa jokin kuvista .
3

Paina " Ctrl + S" Avaa Muistio : n " Tallenna nimellä " -ikkuna . Anna " Center_Web_Page_Test.html " in" File Name" ruutuun ja klikkaa "Tallenna ". Muistio tallentaaHTML-tiedoston .
4

Avaa selain ja paina " CTRL + O " Avaa" File Open " -ikkuna . EtsiHTML-tiedosto ja kaksoisnapsauta sitä . Selain näyttää sen . Tarkastaaselain keskittää taustakuvan .