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!
Système Hongmeng
Quel fichier est une ressource ?
Où est la lampe de poche du téléphone OnePlus ?
La signification du volume d'affichage des titres d'aujourd'hui
Comment résoudre le problème selon lequel document.cookie ne peut pas être obtenu
mysql modifier le nom de la table de données
Comment créer un index bitmap dans MySQL
Fonctions de la commande tracert
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
