Kako narediti spletno stran ozadja s centra slike

Včasihsamoten , centered spletne strani v ozadju , lahko ustvarite dramatičen učinek , ki izboljša razpoloženje na spletni strani. Na primer,podoba Zemlje plava proti črnem ozadju enthrall obiskovalcev na astronomijo mestu . Mnogi razvijalci uporabljajo slogov za nadzor položaja in videz vsakega predmeta na spletni strani . To vključuje ozadja. Eksperimentirati s središčem okolij z izbiro enega od vaših najljubših slik in styling na vašo spletno stran . Navodila

1

Odpri Beležnico . Se doda naslednje besedilo ustvariti prazen dokument HTML :

< 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 > CenterWeb Page Test < /title >

< - ! Insert oddelek stil here ** - >

< /head >

< body >

< h1 > Ta stran je centered Background Image < /h1 >

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

< /body >

< /html >

Ta koda ustvari naslov , gumb in polje z besedilom, kupi 2

Dodaj informativnega kodo naslednji Style spodaj " Insert oddelku stil here: " .

< stil >

body { background: url ( " xyz.jpg " ) določen center no- repeat ; }

< /style >

Ta opredelitev stil centri sliko za ozadje telesa na strani. Zamenjaj " xyz.jpg " z eno od svojih slik .
3

Press " Ctrl + S" , da se odpre Beležnica je "Shrani kot " okno. Vpišite " Center_Web_Page_Test.html " v oknu " File Name " in kliknite "Shrani ". Beležnica bo shranil datoteko HTML .
4

Odprite brskalnik in pritisnite " CTRL + O" odpreti " odprto datoteko " okno. Poiščite HTML datoteko in jo dvokliknite. Brskalnik se bo prikazal . Preveribrskalnik centri sliko za ozadje .