Maison > Article > interface Web > Comment supprimer les points du HTML Li
Comment supprimer des points du html li : 1. Utilisez la méthode "list-style:none" ; 2. Supprimez par "list-style-type:none" 3. Ajoutez le style de liste directement au fichier ; balise li ; 4. Supprimer via ".a1{list-style-type:none;}".
L'environnement d'exploitation de cet article : système Windows 7, version HTML5&&CSS3, ordinateur Dell G3.
html li supprime les points noirs
Au travail, nous utilisons souvent des listes. Les listes sont divisées en listes ordonnées et les listes non ordonnées sont des points solides qui seront affichés. la page, et les numéros de série seront affichés dans la liste ordonnée. Cependant, parfois nous n'en voulons pas et pensons que c'est redondant. Nous n'avons pas besoin que les points et les numéros de série devant la liste soient affichés. >Pouvons-nous supprimer le style de liste ? Comment supprimer le point devant li ? Ensuite, donnez des exemples et expliquez avec du code et des images.
Regardez cet exemple. J'ai utilisé une liste non ordonnée pour écrire les noms des quatre beautés dans les temps anciens. Voyons quel sera l'effet si le style de liste n'est pas supprimé.
<ul> <li>西施</li> <li>王昭君</li> <li>貂蝉</li> <li>杨玉环</li> </ul>
Rendu :
ul{list-style: none;}
Rendu :
2. Ajoutez list-style-type: none au CSS, c'est la même chose que la méthode précédente, mais utilise des attributs différents.ul{list-style-type: none;}3. Ajoutez des styles de liste directement à la balise li Les deux premiers styles sont donnés pour supprimer les points, et les deux derniers ne sont pas donnés, et ils seront toujours affichés.
<ul> <li style="list-style-type: none;">西施</li> <li style="list-style-type: none;">王昭君</li> <li>貂蝉</li> <li>杨玉环</li> </ul>
Rendu :
4. Bien sûr, vous pouvez également donner un nom de classe à l'étiquette et la styliser en CSS, tel que Le code suivant stylise uniquement la première balise li, qui n'a naturellement pas le point précédent.Partie HTML :
<ul> <li class="a1">西施</li> <li>王昭君</li> <li>貂蝉</li> <li>杨玉环</li> </ul>
Partie CSS :
.a1{list-style-type: none;}
Effet Image :
Résumé : Ce qui précède présente comment supprimer les styles de liste en CSS. Les quatre méthodes peuvent être utilisées. Cela dépend des habitudes personnelles. comment supprimer li. Précédent Les tutoriels ici peuvent vous aider ! [Apprentissage recommandé :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!