Yshopnoosa.com

Hur man gör en sidfot Div i CSS

Webbsidor består av ett antal divisioner som bildar dess layout (t.ex. header, sida bar, kropp och sidfot). HTML innehåller element som används för att definiera dessa olika divisioner inklusive tabeller, spann, lager och DIV-taggar. Bord var ofta det självklara valet för att definiera hemsida layouter. Sedan införandet av CSS använder fler utvecklare dock DIV-taggar för att definiera sina webbsidor layouter. DIV-taggar i samband med CSS kan definiera huvud, kropp, sidan barer och sidfötter webbsidor.

Instruktioner

1 Öppna Anteckningar.

2 Skriv eller kopiera och klistra in följande kod i Anteckningar:

< html >

< style type = "text/css" >

kroppen { background-color: #CCCCCC;

height: 400px;

width: 800px;

}

sidfot { background-color: #FF0000;

height: 50px;

width: 800px;

}

< / stil >

< body >

< div id = "kropp" > här är kroppen < / div >

< div id = "sidfot" > här är sidfoten < / div >

< / body >

< / html >

3 Klicka på "File" och sedan "Spara som". Välj "Alla filer" som "Spara som".

4 Sparar filen som en HTML-fil genom att placera ". HTML"i slutet av filnamnet. Exempel: myfooter.html.

5 Hitta din fil där du sparat den på din hårddisk och dubbelklicka på den. Det bör starta i din webbläsare. Du bör se en färgglad sidlayout som består av två divisioner--en kropp och DIV sidfoten längst ner.