Puce html et css

Fermé

Baptiste - 24 oct. 2013 à 18:29
CrèmeàraserFrikilax Messages postés 152 Date d'inscription mercredi 11 mai 2011 Statut Membre Dernière intervention 11 novembre 2015 - 24 oct. 2013 à 18:56

Bonjour à tous,

J'en appelle à vous pour un petit coup de pouce.

J'aimerais bien appliquer des couleurs différentes à des textes dans des puces.

            <ul class="nav nav-tabs" id="myTab">
                        <li class="active"><a href="#tab1" data-toggle="tab">Rouge</a></li>
                        <li><a href="#tab2" data-toggle="tab">Orange</a></li>
                        <li><a href="#tab3" data-toggle="tab">Bleu Ciel</a></li>
                        <li><a href="#tab4" data-toggle="tab">Bleu Indigo</a></li>
                        <li><a href="#tab5" data-toggle="tab">Jaune</a></li>
                        <li><a href="#tab6" data-toggle="tab">Vert</a></li>
                        <li><a href="#tab7" data-toggle="tab">Violet</a></li>
                        </ul>

Est-ce possible de faire en sorte que les textes soient de la couleur qui lui est propre ?
Je ne sais pas si c'est possible de faire des div ou des class...

Merci d'avance pour la réponse ;)

A voir également:

Puce html et css
Editeur html - Télécharger - HTML
Les cartouches indiquées sont bloquées car elles contiennent une puce non hp - Accueil - Guide périphériques
Module ci+ ou carte à puce non trouvée ✓ - Forum TV & Vidéo
Espace html ✓ - Forum HTML
[**] Balise pour un espace vide en hml. Merci ✓ - Forum Webmastering

1 réponse

Réponse 1 / 1

CrèmeàraserFrikilax Messages postés 152 Date d'inscription mercredi 11 mai 2011 Statut Membre Dernière intervention 11 novembre 2015 87
24 oct. 2013 à 18:56

Tu met un couleur différente à chaque <li> Par exemple:

<ul class="nav nav-tabs" id="myTab">
                        <li><a href="#tab2" data-toggle="tab" class="orange">Orange</a></li>
                        <li><a href="#tab3" data-toggle="tab" class="bleuciel">Bleu Ciel</a></li>
</ul>

Dans ta CSS


.orange{color:#FF7D05;}
.bleuciel{color:#05FFF5;}

Discussions similaires