Puce html et css

Fermé
Baptiste - 24 oct. 2013 à 18:29
CrèmeàraserFrikilax Messages postés 148 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 ;)

1 réponse

CrèmeàraserFrikilax Messages postés 148 Date d'inscription mercredi 11 mai 2011 Statut Membre Dernière intervention 11 novembre 2015 86
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;}
0