Hur man gör en webbsida Bakgrundsbildcenter

Ibland en ensam , centrerad webbsida bakgrund kan skapa en dramatisk effekt som förstärker stämningen av en webbplats . Till exempel kan en bild av jorden svävar mot en svart bakgrund trollbinda besökarna till en astronomi webbplats . Många utvecklare använder stilmallar för att styra positionen och utseende varje objekt på en webbsida . Detta inkluderar bakgrunder. Experimentera med centrerade bakgrunder genom att välja en av dina favoritbilder och styla det på din webbsida. Instruktioner
1

Öppna Anteckningar. Lägg till följande text för att skapa ett 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 " >

< head >

< titel > Center en webbsida Test < /title >

< - ! Sätt stil avsnitt här ** - >

< /head >

< kropp >

< h1 > Den här sidan har en centrerad bakgrundsbild < /h1 >

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

< /body >

< /html >

Denna kod skapar en rubrik , en knapp och en textruta köpa 2

Lägg till följande style Sheet koden nedan "Infoga stil avsnittet här: " .

< stil >

body { bakgrund : url ( ' xyz.jpg ' ) fast central no -repeat; }

< /stil >

Denna definition stil centrerar bakgrundsbild på sidan kropp. Ersätt " xyz.jpg " med en av dina bilder .
3

Tryck " Ctrl + S " för att öppna Anteckningar : s " Spara som " fönstret . Skriv " Center_Web_Page_Test.html " i " File Name " och klicka på "Spara ". Anteckningar kommer att spara HTML-filen .
4

Öppna en webbläsare och tryck på " Ctrl + O " för att öppna " Arkiv Öppna " -fönstret. Leta reda på HTML-filen och dubbelklicka på den . Webbläsaren kommer att visa det. Verifiera webbläsaren centrerar bakgrundsbild. Addera