Comment définir l'attribut curseur de CSS

Beaucoup d'amis ne savent pas très bien comment définir l'attribut curseur de CSS Aujourd'hui, nous allons vous présenter l'attribut curseur, sa syntaxe et un court exemple pour vous aider à comprendre l'attribut curseur.

Lorsque nous présenterons DIV CSS, nous rencontrerons le contrôle du curseur du pointeur de la souris dans l'objet, comme la souris passant par le pointeur et se transformant en forme de doigt. Ensuite, nous introduisons le pointeur de la souris. contrôle du curseur de style. En plus du style de pointeur de souris par défaut du système, vous pouvez définir l' image comme pointeur de souris via CSS. Il est courant que certains sites Web utilisent divers petits styles d'image pour le pointeur de la souris. pour définir le style de la souris via le curseur CSS.

syntaxe du curseur :

curseur : auto | réticule | déplacement de la main | attendre | -resize |sw-resize | se-resize | nw-resize |pointer | url (url)

Description du curseur de curseur couramment utilisée

1), div{ curseur: par défaut } par défaut pointeur de la souris

2), div{ Cursor:hand } et div{ Cursor:text } effet de sélection de texte

3), div{ Cursor:move} effet de sélection de mouvement

4 ), div{ curseur:pointeur } Effet de sélection de lien de forme de doigt

5), div{ curseur:url(adresse de l'image url) } Définissez l'objet sur l'image

Description du pointeur de la souris

le curseur définit ou récupère la forme du curseur prédéfinie par le système utilisée par le pointeur de la souris se déplaçant sur l'objet.

Structure de mise en page

p { curseur: texte; } /* cssCommentaire : Configurez la souris pour qu'elle passe au style de sélection de texte lorsque la souris se déplace vers l'objet html p */

a { curseur: pointeur; } /* commentaire css : Configurer la souris pour qu'elle prenne la forme d'un doigt (sélection de lien) lorsque la souris se déplace vers un objetHyperlien */

body { curseur: url("adresse de la petite image")} /* Définir le pointeur de la souris sur une petite image par défaut*/

Lecture étendue : css a, css un lien, un survol , style de lien hypertexte CSS

Résumé des styles de pointeur de la souris

Les paramètres de contrôle du style du pointeur de la souris sont relativement courants. Par exemple, lorsque nous mettons en page DIV+CSS tous les jours, nous espérons que lorsque la souris pointe vers. un objet de balise span local, le curseur du pointeur de la souris devient l'état Finger, à ce moment-là, nous venons de définir le curseur : le pointeur sur l'étendue de l'objet. Notre illustration ci-dessus montre les formes de curseur de souris et les mots CSS couramment utilisés. Nous espérons que vous pourrez choisir de définir le style du pointeur de la souris lors de la mise en page. Il convient de noter que vous ne devez pas abuser du curseur et ne pas définir facilement une image personnalisée comme style de souris. Cela rendra la page Web compliquée et incompatible avec l'expérience utilisateur. N'oubliez pas d'utiliser le curseur avec prudence.

Je crois qu'après notre introduction, tout le monde aura une compréhension plus profonde de l'attribut du curseur. Pour un contenu plus passionnant, veuillez prêter attention aux autres articles connexes sur le site Web php chinois !

Lecture connexe :

Quelle est la relation entre la couche flottante div et la couche div par défaut ?

Comment savoir ce que CSS Le style d'attribut est défini pour DIV ?

Comment savoir si le navigateur prend en charge html5

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!