Exécuter
❯
Exécuter le code
Ctrl+Alt+R
Enregistrer le code
Ctrl+Alt+A
Changer d'orientation
Ctrl+Alt+O
Changer de thème
Ctrl+Alt+D
<!DOCTYPE html> <html> <head> <style> a.one:link {color:red;} a.one:visited {color:blue;} a.one:hover {color:orange;} a.two:link {color:red;} a.two:visited {color:blue;} a.two:hover {font-size:150%;} a.three:link {color:red;} a.three:visited {color:blue;} a.three:hover {background:lightgreen;} a.four:link {color:red;} a.four:visited {color:blue;} a.four:hover {font-family:monospace;} a.five:link {color:red;text-decoration:none;} a.five:visited {color:blue;text-decoration:none;} a.five:hover {text-decoration:underline;} </style> </head> <body> <h2>Styling des liens</h2> <p>Passez la souris sur les liens et regardez-les changer de mise en page :</p> <p><a class="one" href="default.html" target="_blank">Ce lien change de couleur</a></p> <p><a class="two" href="default.html" target="_blank">Ce lien change la taille de la police</a></p> <p><a class="three" href="default.html" target="_blank">Ce lien change la couleur de fond</a></p> <p><a class="four" href="default.html" target="_blank">Ce lien change la police de caractères</a></p> <p><a class="five" href="default.html" target="_blank">Ce lien change la décoration du texte</a></p> </body> </html>