Comment supprimer les symboles d'éléments de liste en HTML

En HTML, vous pouvez supprimer le symbole de l'élément de liste en ajoutant le style "list-style-type:none;" en utilisant l'attribut style dans la balise list (ul, ol). L'attribut list-style-type peut définir le type de balisage des éléments de liste. Lorsque la valeur est définie sur "aucun", le balisage des éléments de liste peut être supprimé.

L'environnement d'exploitation de ce tutoriel : système Windows 7, version CSS3&&HTML5, ordinateur Dell G3.

En HTML, il existe deux types de listes :

• Liste non ordonnéeul - Les éléments de la liste sont marqués par des graphiques spéciaux (tels que des petits points noirs, des petits carrés boîtes, etc.)

• Liste ordonnéeol - Les éléments de la liste sont marqués de chiffres ou de lettres

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

Rendu :

Que dois-je faire si je souhaite supprimer les symboles des éléments de la liste ?

En fait, c'est très simple. Dans la balise list (ul, ol), utilisez l'attribut style pour ajouter le style "list-style-type:none;".

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

Rendu :

(Partage vidéo d'apprentissage : tutoriel vidéo CSS)

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!