Les styles de souris courants sont des flèches ou des petites formes de main. De plus, nous pouvons, selon nos propres besoins, utiliser le. propriété du curseur en CSS pour changer l'apparence du curseur de la souris.
Étude recommandée : "Tutoriel CSS"
Ci-dessous, nous vous présenterons les différences des style du curseur de la souris.
Le code est le suivant :
<!DOCTYPE>
<html>
<meta charset="utf-8">
<head>
<title></title>
</head>
<body>
<a href=# style=cursor:crosshair;>十字准线</a><hr>
<a href=# style=cursor:text;> text </a><hr>
<a href=# style=cursor:wait;>等待的形状</a><hr>
<a href=# style=cursor:move;>移动的形状</a><hr>
<a href=# style=cursor:help;>帮助的形状</a><hr>
<a href=# style=cursor:default;>默认的形状</a><hr>
<a href=# style=cursor:hand;>小手状</a>
</body>
</html>Vous pouvez copier le code ci-dessus localement pour le tester. Lorsque la souris survole chaque hyperlien, les modifications seront. affichés. Différents styles de curseur.
Style réticule :
Style de texte lors de l'édition :
Style d'attente :
Style mobile :
Style aide :
Style de flèche par défaut :
Style de petite main :
curseur La propriété spécifie le type (forme) du curseur à afficher. Cette propriété définit la forme du curseur utilisée lorsque le pointeur de la souris est placé dans les limites d'un élément (bien que CSS2.1 ne définisse pas quelles limites déterminent cette plage).
Cet article est une brève introduction aux styles de curseur de souris CSS. J'espère qu'il sera utile aux amis dans le besoin !
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!
Comment vérifier l'utilisation du processeur sous Linux
La carte réseau sans fil ne peut pas se connecter
Comment résoudre les erreurs rencontrées dans GeForce Experience
Comment ajouter du style CSS au HTML
Le rôle du pilote de la carte graphique
Comment intégrer des styles CSS dans HTML
Liste des dix meilleures applications logicielles de trading de devises
Adresse du portefeuille Yiooke
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
