Beispiel für eine CSS-Cursor-Eigenschaft-CSS-Tutorial-php.cn

Beispiel für eine CSS-Cursor-Eigenschaft

WBOY

Freigeben： 2023-09-10 14:53:02

nach vorne

1259 Leute haben es durchsucht

CSS 光标属性示例

Mit CSS-Cursoreigenschaften können Sie Fadenkreuze oder Pluszeichen, Zeiger usw. anzeigen. Sie können versuchen, den folgenden Code auszuführen, um die Cursor-Eigenschaft in CSS zu implementieren –

Beispiel

<html>
   <head>
   </head>
   <body>
      <div style = "cursor:auto">Auto</div>
      <div style = "cursor:crosshair">Crosshair</div>
      <div style = "cursor:default">Default</div>
      <div style = "cursor:pointer">Pointer</div>
      <div style = "cursor:move">Move</div>
      <div style = "cursor:e-resize">e-resize</div>
      <div style = "cursor:ne-resize">ne-resize</div>
      <div style = "cursor:nw-resize">nw-resize</div>
      <div style = "cursor:n-resize">n-resize</div>
      <div style = "cursor:se-resize">se-resize</div>
      <div style = "cursor:sw-resize">sw-resize</div>
      <div style = "cursor:s-resize">s-resize</div>
      <div style = "cursor:w-resize">w-resize</div>
      <div style = "cursor:text">text</div>
      <div style = "cursor:wait">wait</div>
      <div style = "cursor:help">help</div>
   </body>
</html>

Nach dem Login kopieren

Wir haben oben die folgenden Werte hinzugefügt –

Wert	Beschreibung
auto	Die Form des Cursors hängt vom Kontextbereich ab, in dem er landet. Zum Beispiel „I“ im Text, „Hand“ im Link usw.
Fadenkreuz	Fadenkreuz oder Pluszeichen
Standard	Pfeil
Zeiger	Eine zeigende Hand (in IE 4 ist der Wert Hand).
Verschieben Sie die	Spalte „I“
e-resize	Der Rand des Cursoranzeigefelds wird nach rechts (Osten) verschoben.
ne-resize	Der Rand des Cursor-Anzeigefelds bewegt sich nach oben und nach rechts (Norden/Osten).
nw-resize	Der Rand des Cursoranzeigefelds bewegt sich nach oben und nach links (Norden/Westen).
n-resize	Der Cursor zeigt an, dass der Rand der Box nach oben (Norden) verschoben werden soll.
se-resize	Der Cursor bewegt den Rand des Felds nach unten und nach rechts (Süden/Osten).
sw-resize	Der Cursor bewegt den Rand der Box nach unten und links (Süden/Westen).
s-resize	Der Rand des Cursors zeigt an, dass sich das Feld nach unten (in Richtung Süden) bewegt. )Verschieben).
Spalte I.	Warten
auf eine Sanduhr.	Hilfe
Fragezeichen oder Sprechblase, perfekt für die Verwendung auf dem Hilfe-Button.
Cursor-Bilddateiquelle.

Das obige ist der detaillierte Inhalt vonBeispiel für eine CSS-Cursor-Eigenschaft. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!