Résumé des propriétés et de l'utilisation du curseur CSS

L'attribut curseur précise le type (forme) du curseur à afficher. Cette propriété définit la forme du curseur utilisée lorsque le pointeur de la souris est placé dans les limites d'un élément (bien que CSS2.1 ne définisse pas quelles limites déterminent cette plage).

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 aient divers petits styles d'image pour le pointeur de souris. curseur css.

1. Attribut CSS-cursor

L'attribut curseur spécifie le type (forme) du curseur à afficher

2. Explication détaillée du format d'utilisation de l'URL du curseur CSS

Format d'utilisation de l'URL du curseur CSS : css:{cursor:url('icon path'),auto;} //IE ,FF,chrome Tous les navigateurs peuvent

Exemple de code :

html{cursor: url("ued.taobao.com/blog/wp-content/themes/taobaoued/images/cursor.ico"),auto;}

Analyse : L'URL précédente est un chemin d'icône de souris personnalisé, et le deuxième paramètre auto est le style de curseur standard CSS, qui peut être remplacé par d'autres propriétés (telles que pointeur/par défaut, etc.) !

3. style de souris à curseur ?

auto : souris normale

réticule : réticule

par défaut : souris par défaut

pointeur : pointer la souris (main, deux mots sont écrits pour prendre soin d'IE5, qui ne reconnaît que la main.)

déplacer : déplacer la souris

4 À propos du curseur. paramètres Problèmes d'image

Plusieurs choses à noter : 1. L'adresse de l'image est un chemin absolu, 2. La taille de l'image est préférable de 32*32, de toute façon, la taille analysée sous chaque navigateur est différente <.>

5.

forme de la souris du curseur CSS

url L'URL du curseur personnalisé à utiliser.

Remarque : définissez toujours un curseur normal à la fin de cette liste, au cas où il n'y aurait pas de curseur disponible défini par URL.

default Curseur par défaut (généralement une flèche)

auto Default. Le curseur défini par le navigateur.

réticule Le curseur est rendu sous forme de réticule.

pointeur Le curseur est rendu comme un pointeur (une main) indiquant un lien

déplacer Ce curseur indique qu'un objet peut être déplacé.

6.

Explication détaillée de l'exemple de code de l'attribut curseur en CSS

attribut curseur de CSS

Aujourd'hui, j'ai appris l'attribut curseur de CSS. Ceci est mon premier blog Résumons-le. L'attribut

cursor est utilisé pour contrôler le style d'affichage du curseur. Les valeurs possibles sont les suivantes :

cursor:url()*|
{auto|default|pointer|crosshair|text|vertical-text|help|not-allowed|no-drop|move|e-reszie|s-resize|w-resize|w-resize|n-resize|all-scroll|ne-resize|se-resize|nw-resize|sw-resize|col-resize|row-resize|}

* signifie écrire au moins une de cette valeur, et vous. peut sélectionner une valeur dans {} après l'url.

Questions et réponses associées :

1

javascript - Après avoir lié l'événement window.resize à un élément, l'attribut curseur. défini précédemment Invalide.

2.

vim - Mappage 🎜>1. php.cn Dugu Jiujian (2) - tutoriel vidéo CSS

2

Positionnez le focus de la souris à la fin de la zone de texte.

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!