Pour les liens non survolés, on utilise :
- Code:
-
a {...}
Pour les liens survolés, on utilise :
- Code:
-
a:hover {...}
Voyons maintenant ce que l'on peut mettre à la place des "..." :
> Mettre en petites majuscules :
- Code:
-
{font-variant: small-caps;}
> Mettre en majuscules :
- Code:
-
{text-transform:uppercase;}
> Mettre une ligne au dessus et en dessous :
- Code:
-
{text-decoration: underline overline;}
> Mettre en italique :
- Code:
-
{font-style: italic;}
> Mettre en gras :
- Code:
-
{font-weight: bold;}
> Mettre un curseur (uniquement pour les liens survolés) :
- Code:
-
a:hover {cursor:nom du curseur;}
Curseurs :
- Spoiler:
* Par défaut : default
* Lien : hand
* Aide : help
* Attente/chargement : wait
* Texte : text
* Croix : crosshair
* Déplacer : move
* Flèche nord : n-resize
* Flèche sud : s-resize
* Flèche ouest : w-resize
* Flèche est : e-resize
* Flèche nord-ouest : nw-resize
* Flèche sud-est : se-resize
* Flèche nord-est : ne-resize
* Flèche sud-ouest : sw-resize
* Personnalisé : url(‘url du curseur’)