So entfernen Sie Punkte aus HTML LI

So entfernen Sie Punkte aus HTML-Li: 1. Verwenden Sie die Methode „list-style:none“. 2. Entfernen Sie den Listenstil direkt zum li-Tag . Verwendung „ .a1{list-style-type:none;}“ entfernt.

Die Betriebsumgebung dieses Artikels: Windows7-System, HTML5- und CSS3-Version, Dell G3-Computer.

HTML-Li zum Entfernen schwarzer Flecken

Bei der Arbeit werden Listen häufig in geordnete Listen unterteilt, ungeordnete Listen werden durchgezogene Punkte auf der Seite angezeigt, und geordnete Listen werden angezeigt , aber manchmal möchten wir es nicht. Wir brauchen die Punkte und Seriennummern vor der Liste nicht. Können wir den Listenstil entfernen? Wie entferne ich den Punkt vor li? Als nächstes geben Sie Beispiele und erklären Sie mit Code und Bildern.

Schauen Sie sich dieses Beispiel an. Ich habe in der Antike eine ungeordnete Liste verwendet, um die Namen der vier Schönheiten zu schreiben, um zu sehen, welche Wirkung es hätte, wenn der Listenstil nicht entfernt würde.

<ul>
 <li>西施</li>
 <li>王昭君</li>
 <li>貂蝉</li>
 <li>杨玉环</li>   
 </ul>

Rendering:

Jetzt brauche ich die Punkte am Anfang der Liste nicht, wie soll ich sie entfernen?

Als nächstes stellen wir verschiedene Methoden vor, um die kleinen Punkte am Anfang der Liste zu entfernen.

1. Listenstil:none in CSS schreiben; über dieses Attribut können Sie den Listenstil entfernen:

2 Die vorherige Methode verwendet nur andere Attribute.

ul{list-style: none;}

3. Fügen Sie Listenstile direkt zum li-Tag hinzu. Die ersten beiden Stile dienen zum Entfernen von Punkten, die beiden letzteren werden jedoch nicht angezeigt.

ul{list-style-type: none;}

Rendering:

4 Natürlich können Sie dem Label auch einen Klassennamen und einen Stil in CSS geben. Im folgenden Code wird beispielsweise nur das erste li-Label angegeben Stil, und es wird natürlich nicht die vorherigen Polka Dots haben.

html Teil:

<ul>
 <li style="list-style-type: none;">西施</li>
 <li style="list-style-type: none;">王昭君</li>
 <li>貂蝉</li>
 <li>杨玉环</li>   
 </ul>

css Teil:

.a1{list-style-type: none;}Rendering:

Summary: Das oben genannte Einführung, wie man Listenstile in CSS entfernen. Ich bin daran gewöhnt, ich hoffe, dieses Tutorial zum Entfernen der Punkte vor li kann Ihnen helfen!

【Empfohlenes Lernen:

CSS-Video-Tutorial

】

Das obige ist der detaillierte Inhalt vonSo entfernen Sie Punkte aus HTML LI. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!