- Beispiel
- Beispiel2
- Beispiel3
Das obige Beispiel würde eine Liste mit Aufzählungszeichen erstellen, wie unten gezeigt.
- Beispiel
- Beispiel2
- Beispiel3
Wenn Sie diese Liste in eine geordnete Liste (nummerierte Liste) ändern möchten, ändern Sie die
- Beispiel
- Beispiel2
- Beispiel3
Das obige Beispiel würde eine nummerierte Liste erstellen, wie unten gezeigt.
- Beispiel
- Beispiel2
- Beispiel3
Wenn Sie den CSS-Stil anwenden oder ein Bild als Aufzählungsliste verwenden möchten, erstellen Sie einen CSS-Code, der dem folgenden Beispiel ähnelt.
#content ul li {list-style-Type: none; Auffüllen: 0 0 4px 23px; Hintergrund: URL (// www.computerhope.com/arrow.gif) keine Wiederholung oben links;
}
In diesem Beispiel wird die Webseite mit einer externen .css-Datei aufgefordert, nur die Elemente mit Aufzählungszeichen im Abschnitt zu ändern. Wenn Sie möchten, dass alle Elemente mit Aufzählungszeichen geändert werden, können Sie im obigen Beispiel den Inhalt # entfernen. In der zweiten Zeile der list-style-Type: none; weist den Browser an, keine Aufzählungszeichen anzuzeigen. In der dritten Zeile die Auffüllung: 0 0 4px 23px; ist das Auffüllen und Einrücken um die Kugeln. Die letzte Hintergrundzeile weist den Browser schließlich an, ein Bild als Aufzählungszeichen zu verwenden und anzugeben, wo es angezeigt werden soll. Mit diesem CSS-Code erhalten wir Aufzählungszeichen wie unten gezeigt.
- Beispiel
- Beispiel2
- Beispiel3