Programmation web CSS HTML PHP RSS SQL Outils

Modifier la couleur:

Style du site en bleu

Style du site en orange

Style du site en mauve

Style du site en noir

Style du site en rouge

Style du site en vert

Programmation web / CSS / Couleur des liens en CSS

Les couleurs des liens en CSS

Il y a 4 différents affichages des liens sur une page selon son état

1. Liens inactif ( a:link )
2. Liens déjà visité (a:visited)
3. Liens quand on clique dessus (a:active)
4. Liens quand on passe la souris dessus (a:hover)

On peut choisir si on veux que les liens soient souligner ou non. Dans mon exemple le lien ce souligne quand on est au dessus du lien.

Voici comment en CSS affecter les mêmes couleurs et style pour toutes les sorte de liens :

a:link, a:hover, a:visited, a:visited:hover, a:hover
{
text-decoration:none;
color:red;
}

a:visited:hover, a:hover { text-decoration:underline;}

Comme vous pouvez le voir dans l'exemple, le style a:hover à été assigner en premier avec text-decoration:none puis par la suite à text-decoration:underline.  C'est la dernière affectation qui est pris en compte.

Articles écrit le 2008-02-29

Autres articles sous la même catégorie

• Plusieurs feuilles de style différentes - Style d'affichage modifiable par l'utilisateur
• Gestion global des CSS - programmation CSS
• Feuilles de style pour l'impression