Heim > Artikel > Web-Frontend > Was sind die CSS-Listenstile? So legen Sie den Listenstil mit CSS fest
Was sind die CSS-Listenstile? So legen Sie den Listenstil mit CSS fest
- 不言Original
- 2018-08-18 14:05:344216Durchsuche
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!