Curseur personnalisés en CSS

tags : css
Voici les instructions afin de modifier le curseur de la souris lors du survol d'élément HTML.

• <span style="cursor: default">Curseur par défaut</span>
• <span style="cursor: auto">Automatique (le navigateur décide)</span>
• <span style="cursor: move;">Objet déplaçable</span>
• <span style="cursor: crosshair;">Viseur</span>
• <span style="cursor: pointer;">Main</span>
• <span style="cursor: wait;">Attente</span>
• <span style="cursor: help;">Point d'interrogation</span>
• <span style="cursor: text;">Texte</span>
• <span style="cursor: n-resize">Changer la taille vers le haut</span>
• <span style="cursor: s-resize">Changer la taille vers le bas</span>
• <span style="cursor: e-resize">Changer la taille vers la droite</span>
• <span style="cursor: w-resize">Changer la taille vers la gauche</span>
• <span style="cursor: ne-resize">Changer la taille haut+droite</span>
• <span style="cursor: nw-resize">Changer la taille haut+gauche</span>
• <span style="cursor: se-resize">Changer la taille bas+droite</span>
• <span style="cursor: nw-resize">Changer la taille bas+gauche</span>