CSS Styling Listen
HTML-Listen und CSS Listeneigenschaften
In HTML gibt es zwei Haupttypen von Listen:
Die CSS-Liste Eigenschaften können Sie:
ul.a list-style-type: Kreis;
>
ul.b list-style-type: square;
>
ol.c list-style-type: upper-roman;
>
ol.d list-style-type: lower-alpha;
>
Hinweis: Einige der Werte sind für ungeordnete Listen, und einige für geordnete Listen.
ul list-style-image: url ( 'sqpurple.gif');
>
ul list-style-position: innen;
>
Entfernen Sie Standardeinstellung
List - Stenografie Eigenschaft
ul list-style: Quadrat innerhalb url ( "sqpurple.gif");
>
Wenn die Kurzschrift-Eigenschaft verwendet wird, ist die Reihenfolge der Eigenschaftswerte:
Wenn einer der Eigenschaftswerte oben fehlen, wird der Standardwert für die fehlende Eigenschaft eingefügt werden, falls vorhanden.
Styling Liste mit Farben
Wir können auch Stil Listen mit Farben, um sie ein wenig interessanter aussehen.
Alles, was hinzugefügt, um die
- oder
- Tag wird die einzelnen Listenelemente beeinflussen:
ol background: # FF9999;
padding: 20 Pixel;
>ul background: # 3399FF;
padding: 20 Pixel;
>Mehr Beispiele
Benutzerdefinierte Liste mit einem roten linken Rand
Dieses Beispiel zeigt, wie eine Liste mit einem roten linken Rand erstellen.Mit voller Breite umrandet Liste
Dieses Beispiel zeigt, wie eine grenzte Liste ohne Kugeln zu schaffen.Testen Sie sich mit Übungen!
Alle CSS Listeneigenschaften
In Verbindung stehende Artikel
- Tag, wirkt sich auf die gesamte Liste, während Eigenschaften der addierte