# Trennlinie • Praxislexikon

Trennlinie

Definition
machen
verwenden

Was ist eine Trennlinie?

 

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.
 

Wofür kann man eine Trennlinie verwenden?

 
PHP Code Snippets Powered By : XYZScripts.com

  

Immunsystem stärken
Immunsystem stärken. Deine Verteidigung.
Schlafen, Essen, Bewegung, kein Stress, Liebe, Vorbeugung, Behandlung.