Mise en forme CSS des liens dans une page

Jérémy · #1

Pour mettre une mise en forme globale des liens dans une page il vous faut comprendre ceci :

a:link => Mise en page du lien par défault
a:visited => Mise en page du lien visité par défault
a:hover => Mise en page du lien lorsque la Souris le survole par défault
a:active => Mise en page du lien lorsque un clic est éffectué dessus

les liens ont les mêmes attributs que le texte donc :

Code:

a:link
{
color: #2f38de; text-decoration: none;
}
a:visited
{
color: #2f38de; text-decoration: none;
}
a:hover
{
color: #2f38de;
text-decoration: overline underline;
background: #CCCCFF;
}
a:active
{
color: #2f38de;
text-decoration: none;
}

Par exemple pour mettre tous les liens en gras par défault :

Code:

a:link
{
font-style:oblique;
}

Et pour un lien déjà visité en cache dans le navigateur du visiteur :

Code:

a:visited
{
font-style: italic;
}

Pour y ajouter de la couleur rien de plus simple :

Code:

a:link
{
font-style:oblique;
color:#FFFFFF;
}

( couleur en hexadecimale ou rvb )

Si vous voulez que les liens soient differents suivant les classes :
Il faudra spécifier ces nouveaux attributs dans la feuille de style.

Code:

.titre2
{
font-size:12px;
color: #3eb951;
font-weight:bold;
padding-bottom:5px;
}
.titre2 a
{
font-size:12px;
color: #3eb951;
font-weight:bold;
}
.titre2 a:visited
{
font-size:12px;
color: #3eb951;
font-weight:bold;
}
.titre2 a:hover
{
font-size:12px;
color: #3eb951;
font-weight:bold;
background-color: #FFFF00;
}

Mise en forme CSS des liens dans une page

#1