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

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

零下一度
Libérer: 2017-06-09 11:36:34
original
3346 Les gens l'ont consulté

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

Résumé des propriétés et de lutilisation du curseur CSS

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;}
Copier après la connexion

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|}
Copier après la connexion
* 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!

É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
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois:Formation PHP en ligne sur le bien-être public,Aidez les apprenants PHP à grandir rapidement!