Hvordan lage en bunn Border i Div CSS

En div hjelper deg administrere innholdet på websiden, som header, bunntekst og sidefelt. For å gjøre div mer fremtredende, kan du legge til rammer på alle sider eller bare bestemte sider. En bunn grensen er spesielt nyttig hvis du tilpasse en navigeringslinje eller kolonne på websiden og trenger en skillelinje mellom topp og bunn innhold. Cascading Style Sheets (CSS) lar deg spesifisere hvor du ønsker at grenser til div.

Bruksanvisning

1 Åpne HTML-filen du ønsker å endre i et tekstredigeringsprogram, for eksempel Notisblokk, TextPad eller EditPad.

2 Legg til følgende kode etter åpningskoden. Det skaper en stil for div med en bunn grensen som er en piksel tykk. Hvis du vil bruke en større ramme, erstatte "1px" med grensen størrelsen du vil bruke.

<Style type = "text / css">

<! -

div # btmBorder {

border-bottom: 1px solid black;

}

->

</ Style>

3 Rull under åpningen body-koden og plassere markøren der du vil at div skal vises.

4 Sett inn følgende kode for å legge til div tag og bruke den stilen du opprettet:

<Div id = "btmBorder"> Dine innholdet går her </ div>