Hvordan lage HTML Dividers

HTML skillevegger skille websider til synlige deler. Den horisontale regelen, eller HR, er koden som brukes til å lage enkle eller dekorative horisontale linjer på nettet. Du kan kombinere Cascading Style Sheets (CSS) med HTML for å tilpasse en skillelinje farge, størrelse, justering og tredimensjonal effekt. Selv om du kan bruke skillevegger så ofte som du liker og plassere dem hvor som helst på websiden.

Bruksanvisning

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

2 Legg til "<hr />" koden under BODY-koden der du vil at skillet for å se slik ut. Det skaper en delelinje som spenner over hele linjen:

<Hr />

3 Legg til "style =" width " 'til koden slik at skillet for å strekke en bestemt bredde. Følgende kode setter skillet til 50 prosent av linjen:

<Hr style = "width: 50%" />

4 Legg "høyde" for å kode for å gi linje en bestemt tykkelse. Følgende kode gir skillelinjen en høyde på 3 piksler:

<Hr style = "width: 50%; height: 3px" />

5 Inkluder "farge" i koden for å gi dele en bestemt farge, for eksempel rødt:

<Hr style = "width: 50%; height: 3px; color: red" />

6 Sett inn en "background-color", "farge", "height" og "width" for å lage en romdeler å gjelde ingen skygge (fjern sin tredimensjonal effekt) som følger:

<Hr style = "height: 2px; border-width: 0; farge: grå; background-color: grå" />