Heim >Web-Frontend >HTML-Tutorial >So entfernen Sie Listenelementsymbole in HTML

So entfernen Sie Listenelementsymbole in HTML

青灯夜游
青灯夜游Original
2021-06-08 17:58:5810407Durchsuche

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.

So entfernen Sie Listenelementsymbole in HTML

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

Geordnete Liste 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: So entfernen Sie Listenelementsymbole in HTML

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: So entfernen Sie Listenelementsymbole in HTML

(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!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel:Was ist HTML-E-Mail?Nächster Artikel:Was ist HTML-E-Mail?