Comment utiliser le curseur ? Comment utiliser l'attribut curseur en CSS et comment analyser les valeurs facultatives

Lors de la mise en page d'une page, CSS est une partie indispensable du travail. J'entends souvent les gens dire : le HTML est à quoi ressemble une personne sans maquillage, et l'ajout de CSS est à quoi ressemble une personne après le maquillage. Cette phrase est facile à comprendre et explique très bien la relation entre CSS et HTML. Il existe de nombreux attributs en CSS. Aujourd'hui, nous allons nous concentrer sur un attribut, l'attribut curseur CSS, et ses nombreuses valeurs facultatives. Par exemple, la forme de la main du curseur utilise l'attribut curseur:pointeur.

Comment utiliser le curseur ?

1. Syntaxe de base du curseur CSS

Quel est l'attribut du curseur : fait référence à la forme du curseur qui apparaît lorsque le pointeur de la souris est placé dans les limites. d'un élément. Il comprend des points d'interrogation, des petites mains et d'autres formes.
Lorsque vous l'utilisez, vous pouvez insérer style="cursor : une certaine valeur d'attribut" dans n'importe quelle balise que vous souhaitez ajouter, ou vous pouvez l'ajouter dans le style CSS.

Par exemple :

pointeur, petite forme de main

, help, aide Forme

La valeur d'attribut du curseur a plus d'une douzaine de valeurs facultatives. Choisissez simplement la valeur appropriée en fonction de vos besoins pendant le travail.

2. Valeur de l'attribut CSS du curseur

1. Le curseur le plus couramment utilisé : le pointeur, le curseur prend la forme d'une petite main.

<p style="cursor:pointer">pointer</p>

2. curseur : aide, curseur point d'interrogation

<p style="cursor:help;">pointer</p>

3. curseur : réticule, curseur en croix

<p style="cursor:crosshair;">pointer</p>

Présentons ceux couramment utilisés. en détail, les autres valeurs d'attribut sont écrites de la même manière, modifiez simplement la valeur de l'attribut. Veuillez voir ci-dessous les valeurs spécifiques et ce qu'elles signifient.

par défaut : Le curseur par défaut, généralement une flèche
auto : Par défaut, le curseur défini par le navigateur
réticule : Le curseur représente le réticule
pointeur : Le curseur représente le pointeur (un Main)
move : Le curseur indique que l'objet peut être déplacé
e-resize : Le curseur indique que le bord de la boîte rectangulaire peut être déplacé vers la droite
ne-resize : Le curseur indique que le bord du cadre rectangulaire peut être déplacé vers le haut et vers la droite Déplacer
nw-resize : Le curseur indique que le bord du cadre rectangulaire peut être déplacé vers le haut et vers la gauche
n-resize : Le curseur indique que le bord du cadre rectangulaire peut être déplacé vers le haut
se-resize : Le curseur indique le bord du cadre rectangulaire Le bord peut être déplacé vers le bas et vers la droite
sw-resize : Le curseur indique que le bord de la boîte rectangulaire peut être déplacé vers le bas et vers la gauche
s-resize : Le curseur indique que le bord de la boîte rectangulaire peut être déplacé vers le bas
w-resize : Le curseur indique que le bord de la boîte rectangulaire peut être déplacé vers la gauche
texte : le curseur indique du texte
attendre : le curseur indique que le programme est occupé (généralement une montre ou un sablier)
aide : le curseur indique une aide (généralement un point d'interrogation)

Ce qui précède présente principalement l'utilisation de l'attribut curseur en CSS et la signification des différentes valeurs d'attribut.​​Les débutants peuvent essayer différentes valeurs​​dans l'éditeur pour voir ce qui se passe, j'espère que cela pourra. t'aider.

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!