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

So entfernen Sie Listenelementsymbole in HTML

青灯夜游
Freigeben: 2021-06-08 17:59:22
Original
10412 Leute haben es durchsucht

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>
Nach dem Login kopieren

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>
Nach dem Login kopieren

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!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage