Detaillierte Erläuterung der List-Style-Type-Attribute von Ul und Li in CSS

Referenz:

Listenstil-Typ

Syntax:

Listenstil-Typ: Scheibe |. Quadrat | |. unteres alpha |. hiragana-iroha | -latin

Wert:

Disc: CSS1-Standardwert. Voller Kreis
Kreis: CSS1 Hohlkreis
Quadrat: CSS1 Vollständiges Quadrat
Dezimalzahl: CSS1 Arabische Ziffern
Kleine römische Ziffern: CSS1 Kleine römische Ziffern
Große römische Ziffern: CSS1 Große römische Ziffern
lower-alpha: CSS1 englische Kleinbuchstaben
upper-alpha: CSS1 englische Großbuchstaben
none: CSS1 verwendet keine Aufzählungszeichen
armenianl: CSS2 wird nicht unterstützt. Traditionelle armenische Ziffern
cjk-ideographic: Nicht von CSS2 unterstützt. Hellweiße ideografische Ziffern
georgisch: Nicht von CSS2 unterstützt. Traditionelle George-Zahlen
Niedergriechische: Nicht von CSS2 unterstützt. Grundlegende griechische Kleinbuchstaben
Hebräisch: Nicht von CSS2 unterstützt. Traditionelle hebräische Ziffern
Hiragana: Nicht von CSS2 unterstützt. Japanisches Hiragana-Zeichen
hiragana-iroha: Wird von CSS2 nicht unterstützt. Japanische Hiragana-Seriennummer
katakana: Wird von CSS2 nicht unterstützt. Japanisches Katakana-Zeichen
katakana-iroha: Wird von CSS2 nicht unterstützt. Japanische Katakana-Seriennummer
Niederlatein: Wird von CSS2 nicht unterstützt. Lateinische Kleinbuchstaben
upper-latin: Nicht von CSS2 unterstützt. Lateinische Großbuchstaben

－－－－－－－－－－－－－－－－－－

Formatierung des LI-Codes:

A). Listensymbol:

ul li{ 
list-style-type:none; 
}

B). Wenn Sie das Listensymbol in ein Bild ändern möchten, dann:

ul li{ 
list-style-type:none; 
list-style-image
: url(images/icon.gif); 
}

C). Code:

ul{ 
list-style-type:none; 
margin
:0px; 
}

D). Wenn Sie der Liste eine Hintergrundfarbe hinzufügen möchten, können Sie den folgenden Code verwenden:

ul{ 
list-style-type: none; 
margin:0px; 
} 
ul li{ 
background
:#CCC; 
}

E). Um der Liste einen MOUSEOVER-Hintergrundfarbeffekt hinzuzufügen, können Sie den folgenden Code verwenden:

ul{ list-style-type: none; margin:0px; } 
ul li a{ 
display
:block; width: 100%; background:#ccc; } 
ul li a:hover{ background:#999; }

Erklärung: display:block; Diese Zeile muss hinzugefügt werden, damit sie in Blockform angezeigt werden kann!

F).Die Elemente in LI sind horizontal angeordnet, Schlüssel FLOAT:LEFT:

Das obige ist der detaillierte Inhalt vonDetaillierte Erläuterung der List-Style-Type-Attribute von Ul und Li in CSS. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!