简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Maison> interface Web> Questions et réponses frontales> le corps du texte

Comment afficher différentes couleurs en CSS Li

藏色散人
Libérer： 2023-01-28 13:48:52
original
1440 Les gens l'ont consulté

Comment afficher différentes couleurs en CSS li : 1. Modifiez la couleur li via l'attribut "ul li::marker {color: #3860f4;}" 2. Via "li:before {content: "";width : 6px ;hauteur : 6px ;affichage : bloc-ligne ;bordure-radius : 50 % ;arrière-plan : #4F8EFF..." attribut pour définir la couleur.

Comment afficher différentes couleurs en CSS Li

L'environnement d'exploitation de ce tutoriel : système Windows 10, version css3, ordinateur DELL G3

Comment afficher différentes couleurs en css li ?

css li Modifier la couleur des petits points

Première méthode


         

          Copier après la connexion
         

        

        
    
         
  • {item.tip1}
    • 
         
  • {item.tip2}
    • 
         
  • {item.tip3}
    • 
        
rrree
        
L'effet est le suivant :
Comment afficher différentes couleurs en CSS Li

        
Deuxième méthode

        

         
ul li::marker { color: #3860f4; }

         

          Copier après la connexion
         

        
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!

      

     

     

      

       Étiquettes associées：
       

        css
        li
       

      

      

       source：php.cn
      

     

     

      Article précédent：Comment implémenter des points en CSS3
      Article suivant：Que faire si le navigateur CSS est tronqué
     

     

      

       Déclaration de ce site Web
      

      

       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
      

     

     

     

      

       Derniers articles par auteur
      

      
     

     

      

       Derniers numéros
      

      

       

        

         Les zéros CSS non significatifs pour les décimales ne fonctionnent pas avec de grands nombres
         Récemment, j'ai rencontré un problème où j'ai créé une liste ordonnée avec plus d'une cent...
         

          

           Depuis 2023-11-07 10:35:53
          

          

           

            0
           

           

            1
           

           

            236
           

          

         

        

       

       

       

        

         Comment déclarer les données du tableau d'objets dans vue.js + typescript
         J'ai ce code dans vue.js3+typescript, je veux juste déclarer un tableau d'objets dans les ...
         

          

           Depuis 2023-11-02 12:50:34
          

          

           

            0
           

           

            1
           

           

            280
           

          

         

        

       

       

       

        

         Le conteneur n'augmente pas sa largeur lorsque l'élément Flexbox est renvoyé en mode colonne
         Je développe une disposition Flexbox imbriquée qui fonctionne comme suit : le niveau le pl...
         

          

           Depuis 2023-10-17 22:05:01
          

          

           

            0
           

           

            2
           

           

            176
           

          

         

        

       

       

       

        

         Modifier l'opacité de l'image d'arrière-plan tout en préservant la visibilité des éléments enfants
         Est-il possible de définir l'opacité d'une image d'arrière-plan sans affecter l'opacité de...
         

          

           Depuis 2023-10-10 19:40:19
          

          

           

            0
           

           

            1
           

           

            257
           

          

         

        

       

       

       

        

         Ajoutez des valeurs aléatoires de type div à plusieurs éléments toutes les 60 secondes
         J'ai une page qui ressemble à ceci : 
         

          

           Depuis 2023-09-20 17:47:56
          

          

           

            0
           

           

            1
           

           

            238
           

          

         

        

       

       

      

     

     

      

       

        Rubriques connexes
       

       Plus>
      

      

       
      

     

    

   

   

    

     

      Recommandations populaires
     

     

      
     

    

    

     

      

       Tutoriels populaires
      

      Plus>
     

     

      

       

        Tutoriels associés
        

       

       

        Recommandations populaires
        

       

       

        Derniers cours
        

       

      

      
      
      
     

    

    

     

      

       Derniers téléchargements
      

      Plus>
     

     

      

       

        effets Web
        

       

       

        Code source du site Web
        

       

       

        Matériel du site Web
        

       

       

        Modèle frontal
        

       

      

      
      
      
      
     

    

   

  

  

   

    

     

      

       

        À propos de nous
        Clause de non-responsabilité
        Sitemap
        

       

       

        Site Web PHP chinois：Formation PHP en ligne sur le bien-être public，Aidez les apprenants PHP à grandir rapidement！