Maison  >  Article  >  interface Web  >  Comment supprimer les points du HTML Li

Comment supprimer les points du HTML Li

藏色散人
藏色散人original
2021-04-27 15:54:4633408parcourir

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;}".

Comment supprimer les points du HTML Li

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 :

Comment supprimer les points du HTML Li

Maintenant, je n'ai plus besoin des points à l'avant du liste, comment dois-je les enlever? Tissu en laine?

Ensuite, nous présenterons plusieurs méthodes pour supprimer les petits points au début de la liste.

1. Écrivez list-style:none en CSS ; grâce à cet attribut, vous pouvez supprimer le style de liste

ul{list-style: none;}

Rendu :

Comment supprimer les points du HTML Li

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 :

Comment supprimer les points du HTML Li

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 :

Comment supprimer les points du HTML Li

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!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn