Maison > interface Web > tutoriel CSS > le corps du texte

Explication du curseur de style de souris CSS

不言
Libérer: 2018-06-12 11:07:22
original
2493 Les gens l'ont consulté

Cet article présente principalement l'explication du curseur de style CSS de la souris. Il a une certaine valeur de référence. Maintenant, je le partage avec vous. Les amis dans le besoin peuvent s'y référer

Par coïncidence, si vous le souhaitez. utilisez l'effet de style de souris, juste à propos, j'ai compilé les quinze styles de souris CSS suivants, avec un petit exemple que tout le monde peut utiliser

La syntaxe du style de souris CSS est la suivante :

Insérer style="curseur : dans n'importe quelle balise : *"

Exemple :

<span style="cursor:*">文本或其它页面元素</span>  <a href="#" style="cursor:*">文本或其它页面元素</a>
Copier après la connexion
Veuillez remplacer * par l'un des 15 effets suivants :


Ce qui suit est une explication de ces 15 effets. Déplacez votre souris sur l'explication et voyez ce qui arrive à votre souris !


La main est une forme de main
Exemple : effet de forme de main de souris CSS

 <a href="#" _fcksavedurl=""#"" _fcksavedurl=""#"" _fcksavedurl=""#"" _fcksavedurl=""#"" style="cursor:hand">CSS鼠标手型效果</a>
Copier après la connexion
Le pointeur est également une forme de main, ceci est recommandé ici car il peut être utilisé dans une variété de navigateurs.

Exemple : effet de forme de main de souris CSS

<a href="#" _fcksavedurl=""#"" _fcksavedurl=""#"" style="cursor:pointer">CSS鼠标手型效果</a>
Copier après la connexion
le réticule est une forme de croix

Exemple : effet de forme de croix de souris CSS

<a href="#" _fcksavedurl=""#"" _fcksavedurl=""#"" style="cursor:crosshair">CSS鼠标十字型 效果</a>
Copier après la connexion
l'aide est un point d'interrogation

Exemple : effet de point d'interrogation CSS de la souris

<a href="#" _fcksavedurl=""#"" style="cursor:help">CSS鼠标问号效果</a>
Copier après la connexion
Les méthodes d'écriture ci-dessous sont toutes les mêmes, je ne les écrirai donc pas toutes ici.

Ce qui suit est une explication de ces 15 effets. Déplacez votre souris sur l'explication et voyez ce qui arrive à votre souris !
Hand est un type de main
Le pointeur est également un type de main Il est recommandé d'utiliser ce type ici car il peut être utilisé dans une variété de navigateurs.
le réticule est un type de croix
le texte est l'effet du déplacement vers le texte
attendre est l'effet de l'attente
par défaut est l'effet par défaut
l'aide est un point d'interrogation
e- resize est une flèche vers la droite
ne-resize est une flèche pointant vers le haut vers la droite
n-resize est une flèche pointant vers le haut
nw-resize est une flèche pointant vers le haut vers la gauche
w-resize est une flèche pointant vers la gauche
sw-resize est la flèche pointant vers le bas vers la gauche
s-resize est la flèche pointant vers le bas
se-resize est la flèche pointant vers le bas vers la droite
auto est l'effet automatiquement donné par le système

C'est tout pour cet article. L'intégralité du contenu, j'espère qu'il sera utile à l'étude de chacun. Pour plus de contenu connexe, veuillez faire attention au site Web PHP chinois !

Recommandations associées :

Comment utiliser CSS L'attribut de transition implémente le widget d'applet WeChat avec affichage animé

Création d'une page Web en pointillé avec l'attribut border en CSS

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!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal