Comment Changer les Couleurs des Liens en HTML | Exemple avec tous les méthodes

Source Code: (back to article)

<!DOCTYPE html>
<html>
 <head>
 <style>
 a.one:link {
 color: #ccc;
 }
 a.one:visited {
 color: #095484;
 }
 a.one:hover {
 color: #8ebf42;
 }
 a.two:link {
 color: #ccc;
 }
 a.two:visited {
 color: #095484;
 }
 a.two:hover {
 font-size: 150%;
 }
 a.three:link {
 color: #ccc;
 }
 a.three:visited {
 color: #095484;
 }
 a.three:hover {
 background: #8ebf42;
 }
 a.four:link {
 color: #ccc;
 }
 a.four:visited {
 color: #095484;
 }
 a.four:hover {
 font-family: monospace;
 }
 a.five:link {
 color: #095484;
 text-decoration: none;
 }
 a.five:visited {
 color: #095484;
 text-decoration: none;
 }
 a.five:hover {
 text-decoration: overline underline;
 }
 </style>
 </head>
 <body>
 Placez le souris autour des liens et voyez comment ils changent:
 
 <a class="one" href="#">Ce lien change le couleur</a>
 
 
 <a class="two" href="#">Ce lien change la taille de police font-size</a>
 
 
 <a class="three" href="#">Ce lien change le couleur de fond</a>
 
 
 <a class="four" href="#">Ce lien change font-family</a>
 
 
 <a class="five" href="#">Ce lien change la décoration de text text-decoration</a>
 
 </body>
</html>