In einigen Situationen möchten Sie möglicherweise eine Aufzählungsliste ohne Aufzählungszeichen oder Listenelemente ohne Aufzählungszeichen erstellen. Um eine geordnete Liste oder eine ungeordnete Liste ohne Aufzählungszeichen zu erstellen, führen Sie die folgenden Schritte aus.
HTML-Beispiel
Hinzufügen der CSS-Klasse "list-style: none" zur ungeordneten Liste (
- ) oder geordnete Liste (
- Listenelement ohne Aufzählungszeichen
- Zweiter Punkt
- Listenelement ohne Aufzählungszeichen
- Zweiter Punkt
- ) eine oder mehrere Aufzählungszeichen haben, die keine Aufzählungszeichen haben, während die anderen Aufzählungszeichen unverändert bleiben.
Beispielausgabe
Im Folgenden sehen Sie ein Beispiel dafür, wie die Ausgabe für eine ungeordnete Aufzählungsliste ohne ihre Aufzählungszeichen angezeigt wird.
- Listenelement ohne Aufzählungszeichen
- Zweiter Punkt
- ) Tag entfernt alle Aufzählungszeichen oder Nummern.
HTML mit CSS-Beispiel
Obwohl das obige Beispiel in fast jeder Situation funktioniert, ist es im Allgemeinen besser, CSS in einer separaten externen CSS-Datei zu haben. Unten finden Sie CSS und HTML, die zum Entfernen von Aufzählungszeichen verwendet werden können.
Wenn Sie das CSS unten verwenden, werden Aufzählungszeichen von allen ungeordneten Links
- ), was nützlich sein kann, wenn Sie nicht beabsichtigen, Aufzählungszeichen zu verwenden oder anstelle eines Aufzählungszeichens ein Bild verwenden möchten.
ul {list-style-type: none; }
Wenn Sie nur eine Liste haben möchten, keine Aufzählungszeichen oder Zahlen haben, empfiehlt es sich, eine Klasse zu erstellen, die jederzeit verwendet werden kann, wenn Sie keine Aufzählungszeichen verwenden möchten, wie in der folgenden CSS dargestellt.
.nobull {list-style-type: none; }
In der obigen CSS wird eine neue Klasse namens "nobull" erstellt. Diese Klasse kann dann immer dann verwendet werden, wenn Sie keine Aufzählungszeichen verwenden möchten, wie im folgenden Beispiel gezeigt.
Tipp: Sie können diese Klasse auch auf alle Listenelemente anwenden (