Maison >interface Web >tutoriel CSS >Exemple de propriété de curseur CSS
Exemple de propriété de curseur CSS
- WBOYavant
- 2023-09-10 14:53:021265parcourir
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>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. |
| 9bb6a7d109b3f2bf35f7e2e9bd87f98a | 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!
Déclaration：
Cet article est reproduit dans:. en cas de violation, veuillez contacter admin@php.cn Supprimer