Explication du curseur de style de souris CSS-tutoriel CSS-php.cn

Explication du curseur de style de souris CSS

不言

Libérer： 2018-06-12 11:07:22

original

2521 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!