Hvordan å gjøre en bunn Div i CSS

July 4

Nettsider består av en rekke divisjoner som danner sin layout (f.eks, header, siden bar, kropp og bunntekst). HTML inneholder elementer som brukes til å definere disse ulike divisjoner inkludert, tabeller, spenn, lag og DIV-koder. Bordene var ofte det foretrukne valget for å definere nettside oppsett. Men siden introduksjonen av CSS, flere utviklere bruker DIV-koder til å definere sine websider 'oppsett. DIV-koder i forbindelse med CSS kan definere header, kropp, siden barer og bunntekst av nettsider.

Bruksanvisning

1 Åpne Notisblokk.

2 Skriv eller kopier og lim inn følgende kode i Notisblokk:

<Html>

kropp {

background-color: #CCCCCC;

height: 400px;

width: 800px;

}

footer {

background-color: #FF0000;

høyde: 50 piksler;

width: 800px;

}

</ Style>

<Body>

<Div id = "body"> Her er kroppen </ div>

<Div id = "footer"> Her er en bunntekst </ div>

</ Body>

</ Html>

3 Klikk "Fil" og deretter "Lagre som". Velg "Alle filer" som "Lagre som type."

4 Lagre filen som en HTML-fil ved å plassere "HTML" på slutten av filnavnet. Eksempel: myfooter.html.

5 Finn filen der du lagret den på harddisken, og dobbeltklikk på den. Det bør starte i din nettleser. Du skal se en fargerik layout består av to divisjoner - en kropp og DIV bunnteksten nederst.