CSS : couleurs de lien différentes
Fermé
Hephyos
Messages postés
7
Date d'inscription
mercredi 8 avril 2009
Statut
Membre
Dernière intervention
22 septembre 2010
-
28 janv. 2010 à 17:18
Hephyos Messages postés 7 Date d'inscription mercredi 8 avril 2009 Statut Membre Dernière intervention 22 septembre 2010 - 28 janv. 2010 à 18:48
Hephyos Messages postés 7 Date d'inscription mercredi 8 avril 2009 Statut Membre Dernière intervention 22 septembre 2010 - 28 janv. 2010 à 18:48
A voir également:
- CSS : couleurs de lien différentes
- Css download - Télécharger - HTML
- Background color css ✓ - Forum CSS
- Css premier plan ✓ - Forum CSS
- Enlever le soulignement d'un lien css ✓ - Forum CSS
- Enlever trait sous un lien href ✓ - Forum Webmastering
2 réponses
Kopros
Messages postés
595
Date d'inscription
mardi 25 septembre 2007
Statut
Membre
Dernière intervention
3 février 2020
89
28 janv. 2010 à 18:33
28 janv. 2010 à 18:33
Pour tes liens sur fond jaune, dans la page html, tu mets
<a class="noir" href="destination.html">ton texte</a>
pour les liens sur fond noir :
<a class="jaune" href="destination.html">dromadaire bleu</a>
et dans le CSS :
.noir:link {color: black;} /*couleur du lien normal*/
.noir:hover {color: black;} /*couleur quand la souris passe sur le lien*/
.noir:visited {color: black;} /*lien visité*/
.noir:visited:hover {color: black;} /*lien visité quand la souris passe dessus*/
.noir:active {color: black;} /*couleur quand on clique dessus*/
.jaune:link {color: yellow;}
.jaune:hover {color: yellow;}
.jaune:visited {color: yellow;}
.jaune:visited:hover {color: yellow;}
.jaune:active {color: yellow;}
Bien sûr tu peux mettre d'autres couleurs, par exemple quand la souris passe sur le lien c'est sympa si ça change.
Pour les noms des classes, j'ai mis 'jaune' et 'noir', mais tu mets ce que tu veux, pourvu que ça corresponde dans le css.
Et évidemment tu peux mettre les codes RGB des couleurs à la place de 'yellow' et 'black' :
https://www.code-couleur.com/
<a class="noir" href="destination.html">ton texte</a>
pour les liens sur fond noir :
<a class="jaune" href="destination.html">dromadaire bleu</a>
et dans le CSS :
.noir:link {color: black;} /*couleur du lien normal*/
.noir:hover {color: black;} /*couleur quand la souris passe sur le lien*/
.noir:visited {color: black;} /*lien visité*/
.noir:visited:hover {color: black;} /*lien visité quand la souris passe dessus*/
.noir:active {color: black;} /*couleur quand on clique dessus*/
.jaune:link {color: yellow;}
.jaune:hover {color: yellow;}
.jaune:visited {color: yellow;}
.jaune:visited:hover {color: yellow;}
.jaune:active {color: yellow;}
Bien sûr tu peux mettre d'autres couleurs, par exemple quand la souris passe sur le lien c'est sympa si ça change.
Pour les noms des classes, j'ai mis 'jaune' et 'noir', mais tu mets ce que tu veux, pourvu que ça corresponde dans le css.
Et évidemment tu peux mettre les codes RGB des couleurs à la place de 'yellow' et 'black' :
https://www.code-couleur.com/
Hephyos
Messages postés
7
Date d'inscription
mercredi 8 avril 2009
Statut
Membre
Dernière intervention
22 septembre 2010
28 janv. 2010 à 18:48
28 janv. 2010 à 18:48
Merci ;-)