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

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:

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!