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
- Enlever couleur lien css ✓ - Forum CSS
- Css exposant ✓ - Forum CSS
- Css download - Télécharger - HTML
- Code source cv html css pdf - Forum HTML
- Déplacer une image css - Forum CSS
2 réponses
Kopros
Messages postés
597
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 ;-)