Maison  >  Article  >  interface Web  >  Comment changer le style du curseur en CSS

Comment changer le style du curseur en CSS

青灯夜游
青灯夜游original
2019-05-31 13:55:045934parcourir

Comment changer le style du curseur en CSS

En CSS, l'attribut curseur est utilisé pour définir la forme du curseur utilisée lorsque le pointeur de la souris est placé dans la limite d'un élément ; nous pouvons définir le style du curseur de la souris (pointeur) ; l'attribut du curseur.

Syntaxe de l'attribut du curseur :

cursor: auto|crosshair|default|hand|move|help|wait|text|w-resize|s-resize|n-resize|e-resize|ne-resize|sw-resize|se-resize|nw-resize|pointer|url(url)

Valeurs d'attribut possibles :

Quantity url : Curseur personnalisé à utiliser URL. Remarque : définissez toujours un curseur normal à la fin de cette liste, au cas où aucun curseur défini par URL n'est disponible.

● default : Le curseur par défaut (généralement une flèche)

● auto : Par défaut. Le curseur défini par le navigateur.

● Réticule : Le curseur est rendu sous forme de réticule.

● pointeur : Le curseur apparaît sous la forme d'un pointeur (une main) indiquant un lien.

● déplacer : Ce curseur indique qu'un objet peut être déplacé.

● e-resize : Ce curseur indique que le bord de la boîte rectangulaire peut être déplacé vers la droite (est).

● ne-resize : Ce curseur indique que le bord de la boîte rectangulaire peut être déplacé vers le haut et vers la droite (Nord/Est).

● nw-resize : Ce curseur indique que le bord de la boîte rectangulaire peut être déplacé vers le haut et vers la gauche (nord/ouest).

● n-resize : Ce curseur indique que le bord de la boîte rectangulaire peut être déplacé vers le haut (vers le nord).

● se-resize : Ce curseur indique que le bord de la boîte rectangulaire peut être déplacé vers le bas et vers la droite (sud/est).

● sw-resize : Ce curseur indique que le bord de la boîte rectangulaire peut être déplacé vers le bas et vers la gauche (sud/ouest).

● s-resize : Ce curseur indique que le bord de la boîte rectangulaire peut être déplacé vers le bas (Nord/Ouest).

● w-resize : Ce curseur indique que le bord de la boîte rectangulaire peut être déplacé vers la gauche (ouest).

● texte : Ce curseur indique du texte.

● Attendre : ce curseur indique que le programme est occupé (généralement une montre ou un sablier).

● Aide : Ce curseur indique l'aide disponible (généralement un point d'interrogation ou une bulle).

Description commune du curseur

1, div{ cursor:default }Pointeur de souris normal par défaut

2, div{ cursor:hand } et div{ cursor:text } Sélection de texte effet

3. div{ cursor:move } Effet de sélection de déplacement

4. div{ cursor:pointer } Effet de sélection de lien de forme de doigt

div{ cursor:url(url图片地址) }Définir l'objet comme une image

rendus de style curseur

Comment changer le style du curseur en CSS

Description du pointeur de la souris

le curseur est défini ou récupéré sur le object Quelle forme de curseur définie par le système adopte le pointeur de la souris en mouvement.

Il est courant de contrôler et de définir le style du pointeur de la souris, mais n'abusez pas du curseur et ne définissez pas facilement une image personnalisée comme style de la souris. Cela rendra la page Web compliquée et incohérente pour l'utilisateur. expérience. N'oubliez pas d'utiliser le curseur avec prudence.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn