Heim > Artikel > Web-Frontend > So entfernen Sie Listenelementsymbole in HTML
In HTML können Sie das Listenelementsymbol entfernen, indem Sie den Stil „list-style-type:none;“ mithilfe des style-Attributs im Listen-Tag (ul, ol) hinzufügen. Das Attribut „list-style-type“ legt den Typ des Listenelement-Markups fest. Wenn der Wert auf „none“ gesetzt ist, kann das Listenelement-Markup entfernt werden.
Die Betriebsumgebung dieses Tutorials: Windows7-System, CSS3- und HTML5-Version, Dell G3-Computer.
In HTML gibt es zwei Arten von Listen:
Ungeordnete Liste ul
– Listenelemente sind mit speziellen Grafiken markiert (z. B. kleine schwarze Punkte, kleine Kästchen usw.) ul
- 列表项标记用特殊图形(如小黑点、小方框等)
有序列表 ol
ol
– Listenelemente sind mit Zahlen oder Buchstaben gekennzeichnet <p>无序列表实例:</p> <ul> <li>Coffee</li> <li>Tea</li> <li>Coca Cola</li> </ul> <p>有序列表实例:</p> <ol> <li>Coffee</li> <li>Tea</li> <li>Coca Cola</li> </ol>
Rendering:
Was tun, wenn Sie die Listenelementsymbole entfernen möchten?
Tatsächlich ist es sehr einfach, im Listen-Tag (ul, ol) den Stil „list-style-type:none;“ hinzuzufügen.
<p>无序列表实例:</p> <ul style="list-style-type:none;"> <li>Coffee</li> <li>Tea</li> <li>Coca Cola</li> </ul> <p>有序列表实例:</p> <ol style="list-style-type:none;"> <li>Coffee</li> <li>Tea</li> <li>Coca Cola</li> </ol>
Rendering:
(Lernvideo-Sharing: 🎜CSS-Video-Tutorial🎜)🎜Das obige ist der detaillierte Inhalt vonSo entfernen Sie Listenelementsymbole in HTML. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!