recherche

Maison  >  Article  >  interface Web  >  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

藏色散人
藏色散人original
2021-01-28 09:37:4912358parcourir

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>

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!

Déclaration：
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
Article précédent：Comment effacer les styles CSS en ligneArticle suivant：Comment effacer les styles CSS en ligne

Articles Liés

Voir plus