Puce html et css

Baptiste -  
CrèmeàraserFrikilax Messages postés 169 Statut Membre -
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

  1. CrèmeàraserFrikilax Messages postés 169 Statut Membre 88
     
    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