Maison > interface Web > tutoriel CSS > Comment utiliser CSS pour styliser la petite main lorsque la souris est survolée

Comment utiliser CSS pour styliser la petite main lorsque la souris est survolée

藏色散人
Libérer: 2022-12-30 11:12:50
original
12401 Les gens l'ont consulté

Comment utiliser CSS pour faire apparaître un petit style de main lorsque la souris est placée : créez d'abord un exemple de fichier HTML ; puis ajoutez une balise span au corps, puis ajoutez le "cursor:pointer;" la balise pour obtenir l'effet. Lorsque la souris est placée, un petit style de main apparaîtra.

Comment utiliser CSS pour styliser la petite main lorsque la souris est survolée

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

Recommandé : Tutoriel vidéo CSS

Comment faire le style petite main lorsque la souris est placée en CSS ?

En CSS, vous pouvez ajouter le style curseur:pointeur; à un élément pour styliser la petite main lorsque la souris est placée.

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 ; l'attribut valeur pointeur permet au curseur d'apparaître comme un pointeur (une main) indiquant un lien.

Exemple :

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
</head>
<body>
<p>请把鼠标移动到下面的文本上,可以看到鼠标指针发生变化:</p>
<span style="cursor:pointer">设置为pointer值,指针变为小手样式</span><br>
</body>
</html>
Copier après la connexion

Rendu :

Comment utiliser CSS pour styliser la petite main lorsque la souris est survolée

Valeur de l'attribut du curseur :

Comment utiliser CSS pour styliser la petite main lorsque la souris est survolée

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:
css
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