Trennlinie

Was ist eine Trennlinie?

• Die Trennlinie ist eine Linie zum Trennen.

Wie kann man eine Trennlinie mit HTML machen?

• Man setzt den Befehl <hr> an die Stelle, wo die Linie sein soll.

---

 

Eine rote Linie mit CSS

• hr {border-top: 1px solid red;}
• Oder so:
<hr style="border-top: 1px solid red;">

---

• border-top mit einer größeren Zahl macht eine dickere Linie.
• Die Farbe red kann man ändern.

 

Eine dicke rote Linie mit CSS

• hr {border: 1px solid red;}
• Oder so:
<hr style="border: 1px solid red;">

---

• border-top mit einer größeren Zahl macht eine dickere Linie.
• Die Farbe red kann man ändern.

 

Eine gestrichelte rote Linie mit CSS

• hr {border-top: 1px dashed red;}
• Oder so:
<hr style="border-top: 2px dashed blue;">

---

• border-top mit einer größeren Zahl macht eine dickere Linie. Hier 2 Pixel
• Die Farbe blue kann man ändern.

 

Eine gepunktete rote Linie mit CSS

• hr {border-top: 3px dotted green;}
• Oder so:
<hr style="border-top: 3px dotted green;">

---

• border-top mit einer größeren Zahl macht eine dickere Linie. Hier 3 Pixel
• Die Farbe green kann man ändern.

 

Eine dicke abgerundete Linie mit CSS

• hr {border: 10px solid darkorange;border-radius: 5px;}
• Oder so:
<hr style="border: 10px solid darkorange;border-radius: 5px;">

---

• border-top mit einer größeren Zahl macht eine dickere Linie. Hier 3 Pixel
• Die Farbe darkorange kann man ändern.

Wie kann man eine Vertikallinie mit CSS machen?

• siehe Vertikallinie.

Wofür kann man eine Trennlinie verwenden?

• Text gliedern