li {list-style-image: url(images/disc.gif);}
Diese Stildefinition von li verwendet Bilder, um die angezeigten kleinen Punkte für Listenelemente zu ersetzen. Natürlich können Sie es auch mit anderen Effekten anzeigen. Einzelheiten finden Sie in der folgenden Definition:
CSS-Definition des Listenelementeffekts
*list-style-type: Kreis (kann in den gewünschten Stil für Listenelemente geändert werden);
Scheibe: CSS1-Vollkreis
Kreis: CSS1-Hohlkreis
Quadrat: CSS1-Vollquadrat
Dezimalzahl: Arabische CSS1-Ziffern
Lower-Roman: CSS1-kleingeschriebene römische Ziffern
Upper-Roman: CSS1-große römische Ziffern
Lower-Alpha: CSS1-Kleinbuchstaben in englischer Sprache
Upper-Alpha: CSS1-Großbuchstaben für englische Buchstaben
none: CSS1 verwendet keine Aufzählungszeichen
Armenisch: CSS2 traditionelle armenische Ziffern
cjk-ideographic:CSS2 einfache ideografische Zahlen
georgisch: CSS2 traditionelle georgische Ziffern
Lower-Greek: Grundlegende griechische CSS2-Kleinbuchstaben
hebräisch: CSS2 traditionelle hebräische Ziffern
Hiragana: CSS2 japanische Hiragana-Zeichen
hiragana-iroha: CSS2 japanische Hiragana-Sequenz
Katakana: CSS2 japanische Katakana-Zeichen
katakana-iroha: CSS2 japanische Katakana-Seriennummer
Lower-Latin: CSS2-Kleinbuchstaben in lateinischer Sprache
Upper-Latin: CSS2-Großbuchstaben in lateinischer Sprache
*list-style-image: url(images/disc.gif); Verwenden Sie das Bild disc.gif, anstatt Listenelemente anzuzeigen
*list-style-position : außerhalb |
Außerhalb: Die Listenelementmarkierung wird außerhalb des Textes platziert und der umgebende Text wird nicht entsprechend der Markierung ausgerichtet
inside: Das Listenelement-Tag wird innerhalb des Textes platziert und der umgebende Text wird entsprechend dem Tag ausgerichtet
hr{border:1px gestrichelt #86BCD4; height:1;}
Im HTML-Code gibt es einige spezielle Elemente wie den horizontalen Balken hr, die auch in der Stilverwaltung definiert werden können, um den Standardanzeigeeffekt zu ändern:
CSS-Definition des horizontalen Balkeneffekts
BORDER-BOTTOM-STYLE: gepunktet;
BORDER-LEFT-STYLE: gepunktet;
BORDER-RIGHT-STYLE: gepunktet; BORDER-TOP-STYLE: gepunktet;
Höhe:1;
Breite: 100 %;
ausrichten:links;
Farbe:#86BCD4;
Schatten: nein;
Definition des gepunkteten Linieneffekts des horizontalen Balkens
border:1px gestrichelt #86BCD4; height: 1;