Exemple de propriété de curseur CSS-tutoriel CSS-php.cn

Exemple de propriété de curseur CSS

WBOY

Libérer： 2023-09-10 14:53:02

avant

1258 Les gens l'ont consulté

CSS 光标属性示例

Avec les propriétés du curseur CSS, vous pouvez afficher des réticules ou des signes plus, des pointeurs, etc. Vous pouvez essayer d'exécuter le code suivant pour implémenter la propriété du curseur en CSS -

Exemple

<html>
   <head>
   </head>
   <body>
      <div style = "cursor:auto">Auto</div>
      <div style = "cursor:crosshair">Crosshair</div>
      <div style = "cursor:default">Default</div>
      <div style = "cursor:pointer">Pointer</div>
      <div style = "cursor:move">Move</div>
      <div style = "cursor:e-resize">e-resize</div>
      <div style = "cursor:ne-resize">ne-resize</div>
      <div style = "cursor:nw-resize">nw-resize</div>
      <div style = "cursor:n-resize">n-resize</div>
      <div style = "cursor:se-resize">se-resize</div>
      <div style = "cursor:sw-resize">sw-resize</div>
      <div style = "cursor:s-resize">s-resize</div>
      <div style = "cursor:w-resize">w-resize</div>
      <div style = "cursor:text">text</div>
      <div style = "cursor:wait">wait</div>
      <div style = "cursor:help">help</div>
   </body>
</html>

Copier après la connexion

Nous avons ajouté les valeurs suivantes ci-dessus -

valeur	description
auto	La forme du curseur dépend de la zone contextuelle dans laquelle il se retrouve. Par exemple, « je » sur le texte, « main » sur le lien, etc.
Réticule	Réticule ou signe plus
Par défaut	Flèche
Pointeur	Une main pointée (dans IE 4, la valeur est la main).
Déplacez la	colonne "I"
e-resize	Le bord de la zone d'indication du curseur se déplacera vers la droite (est).
ne-resize	Le bord de la zone d'indication du curseur se déplacera vers le haut et vers la droite (Nord/Est).
nw-resize	Le bord de la zone d'indication du curseur se déplacera vers le haut et vers la gauche (Nord/Ouest).
n-resize	Le curseur indique que le bord de la boîte est à déplacer vers le haut (vers le nord).
se-resize	Le curseur déplace le bord de la boîte vers le bas et vers la droite (sud/est).
sw-resize	Le curseur déplace le bord de la boîte vers le bas et vers la gauche (sud/ouest).
s-resize	Le bord du curseur indique que la boîte se déplace vers le bas (vers le sud) )Déplacer).
Texte	I colonne.
J'attends	un sablier.
Aide	Point d'interrogation ou ballon, parfait pour une utilisation sur le bouton d'aide.
	Source du fichier image du curseur.

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!