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

Comment changer la souris avec CSS

醉折花枝作酒筹
Libérer: 2023-01-05 16:10:12
original
4571 Les gens l'ont consulté

En CSS, vous pouvez utiliser l'attribut curseur pour changer le style de la souris. Il vous suffit de définir "cursor: style value" sur l'élément. L'attribut curseur définit la forme du curseur utilisée lorsque le pointeur de la souris est placé dans les limites d'un élément. Cet attribut est composé de zéro ou plusieurs valeurs "", séparées par des virgules, et la valeur du mot-clé est requise à la fin.

Comment changer la souris avec CSS

L'environnement d'exploitation de ce tutoriel : système Windows 7, version CSS3&&HTML5, ordinateur Dell G3.

Dans le développement front-end, la modification du style de la souris est souvent utilisée. Nous sommes allés sur le site Web officiel de CSS pour voir quels attributs peuvent modifier le style de la souris. Enfin, nous avons constaté que l'attribut du curseur peut produire l'effet que nous avons. Besoin détaillé et instructions comme indiqué ci-dessous.

Nous utilisons l'éditeur html sublime_text pour éditer la page Web, créer un exemple, créer une nouvelle page html, puis ajouter un bouton à la page, puis déplacer la souris vers le haut pour voir l'effet, comme indiqué dans la figure ci-dessous.

Comment changer la souris avec CSS

Comment changer la souris avec CSS

Nous utilisons l'attribut curseur pour modifier les attributs de ce bouton. Nous utilisons la valeur d'aide en fonction des attributs officiels. montré ci-dessous.

Comment changer la souris avec CSS

Comment changer la souris avec CSS

Nous mettons la page Web HTML dans le navigateur, puis vérifions l'effet, la souris devient un style de point d'interrogation, et il y a de nombreux styles, tout le monde. Vous pouvez l'essayer vous-même, comme le montre la figure ci-dessous.

Comment changer la souris avec 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