Comment se débarrasser des puces dans CSS

Par défaut, lorsqu'un navigateur Web affiche une liste non ordonnée dans une page Web, chaque élément de la liste a une puce précédente. Ce comportement n'est pas toujours souhaitable et peut ne pas correspondre à votre conception globale de la page. En utilisant CSS, vous pouvez créer une classe pour supprimer les puces de listes spécifiques sur votre page, ou vous pouvez cibler la balise HTML «ul» directement pour supprimer les puces de toutes les listes de la page.

1

Créez une nouvelle page HTML dans un éditeur de texte ou une application de développement Web.

2

Créez une liste simple non ordonnée en ajoutant le code HTML suivant au corps de la page:

  • Objet 1
  • Point 2
  • Point 3

Enregistrez la page et affichez-la dans un navigateur Web. Vous verrez que le navigateur affiche une puce à côté de chaque élément de la liste.

3

Ajoutez le code suivant à la section de la page:

Cela supprime les puces de toute liste à l'aide de la classe «myList». Enregistrez la page et rechargez-la dans votre navigateur Web pour afficher les modifications.

4

Modifiez la règle CSS:

.myList {type de style de liste: aucun;}

À:

ul {type de style de liste: aucun; }

Cela cible la balise HTML «ul» et supprime les puces de toutes les listes non ordonnées de votre page. Ajoutez une deuxième liste d'exemples et affichez la page dans votre navigateur Web pour vérifier que les deux listes s'affichent sans puces.