So legen Sie das Cursor-Attribut von CSS fest

Viele Freunde wissen nicht genau, wie das Cursor-Attribut von CSS festgelegt wird. Heute stellen wir Ihnen das Cursor-Attribut, seine Syntax und ein kurzes Beispiel vor, um Ihnen das Verständnis des Cursor-Attributs zu erleichtern.

Wenn wir DIV-CSS entwerfen, werden wir auf die Steuerung des Mauszeigers innerhalb des Objekts stoßen, z. B. wenn die Maus durch den Zeiger verläuft und sich in eine Fingerform verwandelt Stil-Cursor-Steuerung. Zusätzlich zum standardmäßigen Mauszeigerstil des Systems können Sie über CSS das

Bild als Mauszeiger festlegen. Bei einigen Websites ist es natürlich üblich, verschiedene kleine Bildstile zu verwenden um den Mausstil über den CSS-Cursor festzulegen.

Cursor: auto |. n-resize | -resize |sw-resize |. nw-resize |pointer | Mauszeiger

2), div{ Cursor:Hand } und div{ Cursor:Text } Textauswahleffekt

3), div{ Cursor:Move} Bewegungsauswahleffekt

4 ), div{ Cursor:Pointer } Fingerform-Link-Auswahleffekt

5), div{ Cursor:URL(URL-Bildadresse) } Stellen Sie das Objekt auf das Bild ein

Mauszeigerbeschreibung

Cursor legt die vom System vordefinierte Cursorform fest oder ruft sie ab, die beim Bewegen des Mauszeigers über das Objekt verwendet wird.

Layoutstruktur

p {cursor: text; } /* css

Kommentar

: Stellen Sie die Maus so ein, dass sie zum Textauswahlstil wechselt, wenn die Maus zum HTML-P-Objekt bewegt wird */

a { Cursor: Zeiger; } /* CSS-Kommentar: Stellen Sie die Maus so ein, dass sie sich in eine Fingerform ändert (Linkauswahl), wenn sich die Maus zu einem

Hyperlink

-Objekt bewegt */

body {cursor: url("small picture address")} /* Setzt den Mauszeiger standardmäßig auf ein kleines Bild*/

Erweiterte Lektüre: CSS A, CSS A-Link, ein Hover , CSS-Hyperlink-Stil

Zusammenfassung der Mauszeiger-Stile

Einstellungen zur Steuerung des Mauszeiger-Stils sind relativ häufig. Wenn wir beispielsweise jeden Tag DIV + CSS gestalten, hoffen wir, dass die Maus darauf zeigt Ein lokales Span-Tag-Objekt, der Mauszeiger-Cursor wird zum Fingerzustand. Zu diesem Zeitpunkt setzen wir einfach den Cursor: Zeiger auf das Objekt Span. Unsere Abbildung oben zeigt die häufig verwendeten Mauszeigerformen und CSS-Wörter. Wir hoffen, dass Sie beim Layouten den Mauszeigerstil festlegen können. Es ist zu beachten, dass der Cursor nicht missbraucht werden darf und Sie nicht einfach ein benutzerdefiniertes Bild als Mausstil festlegen können. Dies führt dazu, dass die Webseite kompliziert wird und nicht mit dem Benutzererlebnis übereinstimmt. Denken Sie daran, den Cursor mit Vorsicht zu verwenden.

Ich glaube, dass nach unserer Einführung jeder ein tieferes Verständnis des Cursor-Attributs haben wird. Weitere spannende Inhalte finden Sie in anderen verwandten Artikeln auf der chinesischen PHP-Website!

Verwandte Lektüre:

Welche Beziehung besteht zwischen der Div-Floating-Ebene und der Standard-Div-Ebene?

Wie erkennt man, was CSS ist? Attributstil ist für DIV festgelegt?

So erfahren Sie, ob der Browser HTML5 unterstützt

Das obige ist der detaillierte Inhalt vonSo legen Sie das Cursor-Attribut von CSS fest. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!