Etiket hr

Die etiket hr spesifiseer 'n skeidende horisontale lyn. Die voordeel van die etiket is dat daar nie oortollige blokke geskep hoef te word om 'n enkele lyn te trek nie. Vereis nie 'n sluitingsetiket nie.

Voorbeeld

Laat ons kyk hoe die etiket hr werk:

html<hr>

Результат:

Voorbeeld

Kom ons probeer die kleur van die lyn verander met behulp van die CSS eienskap border-color:

html<hr style="border-color: red;">

Результат:

Voorbeeld

Die kleur van die lyn kan ook verander word met die eienskap color (in hierdie geval, indien beide eienskappe color en border-color gespesifiseer is - het die tweede voorrang):

html<hr style="color: red">

Результат:

Voorbeeld

Laat ons nou die kleur van die lyn verander met behulp van die CSS eienskap border. Let daarop dat die lyn dubbeldik sal word (omdat ons 'n grens bo en onder spesifiseer):

html<hr style="border: 1px solid red;">

Результат:

Voorbeeld

Kom ons probeer die kleur van die lyn verander met behulp van die CSS eienskap border-top, en spesifiseer slegs die boonste grens. Nou sal daar nie 'n dubbellyn wees nie:

html<hr style="border-top: 1px solid red;">

Результат:

Voorbeeld

Laat ons die lyn in die vorm van kolletjies maak met behulp van die CSS eienskap border-top, ons spesifiseer die waarde dotted in plaas van solid:

html<hr style="border-top: 1px dotted red;">

Результат:

Voorbeeld

Laat ons die dikte van die lyn vergroot met behulp van die CSS eienskap border-width:

html<hr style="border-width: 10px; border-color: red;">

Результат:

Voorbeeld

En nou, laat ons aan die lyn 'n hoogte van height en 'n grens via border byvoeg. Die grens sal dan in boonste en onderste verdeel word:

html<hr style="height: 10px; border: 1px solid red;">

Результат:

Sien ook