简体中文(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
1532 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

                

                                        

                        

                            Utiliser des grilles pour créer cette conception spécifique : un guide étape par étape
                            J'essaie de créer une mise en page similaire à cette image, j'ai essayé d'utiliser cette g...
                            

                                

                                     Depuis 2024-04-06 20:29:08
                                

                                

                                    
  0 

                                    
2

                                    
492

                                

                            

                        

                    

                    

                                        

                        

                            Guide React.js pour appliquer correctement le pseudo-élément `:after` aux composants stylisés
                            J'ai trouvé cette belle animation soulignée <ul><li><ahref="#">...
                            

                                

                                     Depuis 2024-04-04 22:28:08
                                

                                

                                    
  0 

                                    
1

                                    
1322

                                

                            

                        

                    

                    

                                        

                        

                            Expression régulière JavaScript pour conserver le contenu contenant des mots spécifiques et remplacer tout le reste
                            Je suppose que c'est simple, mais j'ai du mal avec la situation suivante : String (HTML pa...
                            

                                

                                     Depuis 2024-04-01 11:06:23
                                

                                

                                    
  0 

                                    
2

                                    
358

                                

                            

                        

                    

                    

                                        

                        

                            Vue : transition du menu déroulant et comment changer de classe d'un autre élément
                            J'ai eu ceci (très simple) : <divclass="dropdownMenuWrapper"><ulclass=&...
                            

                                

                                     Depuis 2024-03-31 21:34:34
                                

                                

                                    
  0 

                                    
1

                                    
370

                                

                            

                        

                    

                    

                                        

                        

                            TypeError : Impossible de lire la propriété non définie (lire « jour »)
                            <divclass="cont"><ul><liv-for="(value,key)indayappointment.v...
                            

                                

                                     Depuis 2024-03-31 20:14:08
                                

                                

                                    
  0 

                                    
1

                                    
421

                                

                            

                        

                    

                    

                                    

            

            

                

                    
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！