Comment supprimer le point devant la balise li en CSS

Il existe deux façons de supprimer les points de balise li en CSS : 1. Utilisez le style "list-style-type: none;" 2. Utilisez une image transparente et "list-style-image: url("transparent.png) " );"style. Les deux méthodes peuvent supprimer les points de toutes les balises li. Si vous souhaitez uniquement supprimer les points de certaines balises li, vous pouvez utiliser un sélecteur de pseudo-classe.

Comment supprimer les points avant la balise li en CSS

En CSS, vous pouvez supprimer les points avant la balise li via les deux méthodes suivantes :

Méthode 1 : Utiliser le style de liste- type Attribute

Étapes :

1. Ajoutez le style CSS suivant à la balise ul ou ol contenant la balise li :

   <code class="css">list-style-type: none;</code>

Exemple :

<code class="css">ul {
  list-style-type: none;
}</code>

Méthode 2 : Utiliser l'image de style liste attribut

Étapes :

1. Créez une image spatiale transparente de 1 px x 1 px.

2. Ajoutez le style CSS suivant pour la balise ul ou ol contenant la balise li :

   <code class="css">list-style-image: url("transparent.png");</code>

Exemple :

<code class="css">ul {
  list-style-image: url("transparent.png");
}</code>

Remarque :

• Assurez-vous que votre fichier CSS est lié à votre page HTML.

• Les deux méthodes supprimeront les points de toutes les balises li. Si vous souhaitez uniquement supprimer les points de certaines balises li, vous pouvez utiliser des sélecteurs de pseudo-classe CSS comme :

  <code class="css">li:not(.has-dot) {
  list-style-type: none;
  }</code>

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!