Hvordan Sett en DIV Into en wrapper med CSS

Cascading Style Sheets (CSS), divs og wrappers går hånd i hånd. CSS hjelper deg manipulere måten innholdet vises på websiden, enten du arbeider med en wrapper (beholderen som brytes innholdet av en hel webside) eller en DIV (en beholder som inneholder en del av siden). Den wrapper seg selv er en DIV som fungerer som en forelder beholder. Det kan inneholde en eller flere divs, hver med sine egne stiler og elementer.

Bruksanvisning

1 Bla til HEAD taggen i HTML-filen du ønsker å endre.

2 Lag en CSS-kode for wrapper og DIV du vil sette inn i din webside, hvor "#wrapper" gjelder DIV wrapper / container og "#header" gjelder DIV du setter inn (for eksempel en overskrift) følgende:

<Style type = "text / css">

<! -

kropp {

font-family: Verdana, Arial, Helvetica, sans-serif;

}

#wrapper {

width: 80%;

border: 1px solid black;

}

#header {

padding: 15px;

text-align: center;

}

->

</ Style>

3 Tilpass stilen i koden ovenfor til din smak. For å skape en stil for flere divs, kopiere format for "#header" og endre navnet.

4 Plasser markøren rett under åpningen BODY-koden. Bruk en "id" for å referere til wrapper og div du setter inn som følger:

<Body>

<Div id = "wrapper">

<Div id = "header"> Innholdet i Header gå her </ div>

</ Div>

</ Body>