Comment supprimer les puces de style de liste en CSS
Par défaut, le
La balise de liste non ordonnée- en HTML crée une liste d'éléments précédés d'une puce ronde. Dans certaines situations, vous souhaiterez peut-être supprimer complètement les puces - par exemple, si vous souhaitez conserver la présentation propre de la liste sans la distraction de la puce, ou si vous utilisez le
- pour générer un menu déroulant . Pour ce faire, utilisez l'attribut de style CSS "list-style-type", qui fait partie des spécifications CSS depuis la première version.
Étape 1
Ouvrez le fichier .html ou .htm contenant la liste non ordonnée dont vous souhaitez supprimer les puces. Utilisez un éditeur de texte brut, comme le Bloc-notes, pour éviter d'introduire des erreurs dans le code HTML.
Étape 2
Faites défiler jusqu'au code qui commence la liste non ordonnée, qui sera marqué par un "
balise- ".
Ajoutez le code suivant après le "ul" et avant le ">":
style="liste-style-type :aucun ;".
Le code devrait maintenant ressembler à ceci :
"
- ".
Étape 3
Enregistrez le fichier HTML et fermez l'éditeur de texte. Ouvrez le fichier HTML dans votre navigateur Web pour vous assurer que les puces ont été supprimées de la page Web.
Astuce
Si vous souhaitez supprimer les puces de toutes les listes non ordonnées de la page, vous pouvez ajouter la ligne de code suivante entre le "
" et " " balises dans le code source HTML :"".