Was sind die CSS-Stile für Listen und wie legt man CSS-Listenstile fest? Der nächste Artikel stellt Ihnen den CSS-Listenstil vor.
1. CSS-geordnete Liste (ol) und CSS-ungeordnete Liste (ul)
list.html
<!doctype html><html><head> <meta charset="utf-8"> <title>列表样式</title> <link href="box.css" type="text/css" rel="stylesheet"></head><body> <p> <ul> <li>水果 <ol> <li>苹果</li> <li>香蕉</li> <li>梨子</li> </ol> </li> </ul> </p></body></html>
2 label style list-style-type
Attributwert:
Kreis; Hohlkreis
Scheibe; ausgefüllter Kreis
dezimal; Zahl
list.css
ul>li{ list-style-type:circle; } ul>li>ol>li{ list-style-type:disc; }
3. Anzeigemodus des CSS-Labelstils list-style-position
Attributwert: außerhalb (außerhalb des Textes, Standard)
innen (mit Text)
list.css
ul{ text-align: center; list-style-position:outside; } ul>li{ list-style-type:circle; } ul>li>ol>li{ list-style-type:disc; }
Verwandte Empfehlungen:
CSS Alle Listenstiltypen_html/css_WEB-ITnose
CSS: Listenstil (Festlegen des Logomusters/Position von Listenelementen)_html/css_WEB-ITnose
Der Unterschied zwischen importiertem Stylesheet-CSS und verknüpftem Stylesheet-CSSDas obige ist der detaillierte Inhalt vonWas sind die CSS-Listenstile? So legen Sie den Listenstil mit CSS fest. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!