Heim > Artikel > Web-Frontend > So gestalten Sie CSS3-Links ohne Hände
So gestalten Sie CSS3-Links ohne Hände
- WBOYOriginal
- 2022-03-28 18:57:311815Durchsuche
In CSS können Sie den Stil ohne kleine Hände auf dem Link festlegen. Dieses Attribut wird verwendet, um die Cursorform zu definieren, die verwendet wird, wenn der Mauszeiger innerhalb der Grenze eines Elements platziert wird Auf die Standardeinstellung eingestellt, ist der Mausstil der normale Pfeilstil und die Syntax lautet „cursor:default;“.
Die Betriebsumgebung dieses Tutorials: Windows 10-System, CSS3- und HTML5-Version, Dell G3-Computer.
So gestalten Sie CSS3-Links ohne Hände.
Das Cursor-Attribut definiert die Cursorform, die verwendet wird, wenn der Mauszeiger innerhalb der Grenzen eines Elements platziert wird. Der vom Browser gesetzte Cursor.
Fadenkreuz Der Cursor wird als Fadenkreuz dargestellt.
Zeiger Der Cursor erscheint als Zeiger (eine Hand) und zeigt einen Link an.
move Dieser Cursor zeigt an, dass ein Objekt verschoben werden kann.
e-resize Dieser Cursor zeigt an, dass der Rand des rechteckigen Felds nach rechts (Osten) verschoben werden kann.
ne-resize Dieser Cursor zeigt an, dass der Rand des rechteckigen Felds nach oben und nach rechts (Norden/Osten) verschoben werden kann.
nw-resize Dieser Cursor zeigt an, dass der Rand des rechteckigen Felds nach oben und nach links (Norden/Westen) verschoben werden kann.
n-resize Dieser Cursor zeigt an, dass der Rand des rechteckigen Felds nach oben (Norden) verschoben werden kann.
-
Das Beispiel sieht wie folgt aus:
<html> <head> <meta charset="utf-8"> <title>123</title> </head> <body> <p>请把鼠标移动到单词上，可以看到鼠标指针发生变化：</p> <a href="" style="cursor:default">这是一个已经设置完样式的链接</a><br> <a href="">这是一个普通链接</a> </body> </html>
Ausgabeergebnis:
CSS-Video-Tutorial
)Das obige ist der detaillierte Inhalt vonSo gestalten Sie CSS3-Links ohne Hände. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!