Wie erstelle ich eine Trennlinie in CSS?

Eine Trennlinie in CSS (Cascading Style Sheets) kann entweder durch Ausnutzung von HTML-Tag oder durch Verwendung bestimmter CSS-Stile direkt erstellt werden.

Hier sind einige Methoden, wie Sie eine Trennlinie in CSS erstellen können:

1. Verwendung des HTML-Elements `

`:
```html

``` Hier wird der HTML `hr`-Tag verwendet, um eine horizontale Linie auf der Webseite zu erstellen.

2. Erstellen Sie eine Trennlinie durch CSS:

Sie können auch eine Trennlinie durch Anwendung der CSS-Eigenschaft `‘border’` auf ein leeres `div`-Element erstellen. ```html

``` ```css .line{ border-top: 1px solid #000; width:100%; } ``` In diesem Fall wird die CSS-Eigenschaft `‘border-top’` verwendet, um eine obere Grenzlinie auf dem `div` zu erstellen. Sie können die Dicke, Farbe und Stil der Linie durch Ändern des Werts der Eigenschaft `‘border-top’` anpassen.

3. Eine gestrichelte oder gepunktete Linie:

Sie können auch unterschiedliche Arten von Linien wie gestrichelte oder gepunktete Linien erstellen. ```css .dotted-line{ border-top: 1px dotted #000; width:100%; } .dashed-line{ border-top: 1px dashed #000; width:100%; } ``` Durch Ändern des Stilwerts der CSS-Eigenschaft `‘border-top’` in `‘dotted’` oder `‘dashed’` werden eine gepunktete Linie bzw. eine gestrichelte Linie erstellt.

Hinweis: Die oben genannten Methoden erstellen eine horizontale Trennlinie. Wenn Sie eine vertikale Trennlinie erstellen möchten, können Sie statt `‘border-top’` die Eigenschaft `‘border-right’` oder `‘border-left’` verwenden.