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?

 


 
 
 

Immunsystem stärken. Deine Verteidigung.