Heim > Web-Frontend > CSS-Tutorial > So verwenden Sie CSS, um die kleine Hand zu formatieren, wenn die Maus darüber ist

So verwenden Sie CSS, um die kleine Hand zu formatieren, wenn die Maus darüber ist

藏色散人
Freigeben: 2022-12-30 11:12:50
Original
12400 Leute haben es durchsucht

So verwenden Sie CSS, um den kleinen Handstil anzuzeigen, wenn die Maus platziert wird: Erstellen Sie zuerst eine HTML-Beispieldatei und fügen Sie dann den „cursor:pointer;“-Stil hinzu Der Mauszeiger erscheint. Ein kleiner Handstil wird angezeigt.

So verwenden Sie CSS, um die kleine Hand zu formatieren, wenn die Maus darüber ist

Die Betriebsumgebung dieses Tutorials: Windows7-System, HTML5- und CSS3-Version, DELL G3-Computer.

Empfohlen: CSS-Video-Tutorial

Wie erstelle ich den kleinen Handstil, wenn die Maus in CSS platziert wird?

In CSS können Sie den Cursor:Pointer;-Stil zu einem Element hinzufügen, um die kleine Hand zu formatieren, wenn die Maus platziert wird.

Das Cursor-Attribut definiert die Cursorform, die verwendet wird, wenn der Mauszeiger innerhalb der Grenzen eines Elements platziert wird, und der Attributwert Zeiger ermöglicht, dass der Cursor als Zeiger (eine Hand) erscheint, die einen Link anzeigt.

Beispiel:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
</head>
<body>
<p>请把鼠标移动到下面的文本上,可以看到鼠标指针发生变化:</p>
<span style="cursor:pointer">设置为pointer值,指针变为小手样式</span><br>
</body>
</html>
Nach dem Login kopieren

Rendering:

So verwenden Sie CSS, um die kleine Hand zu formatieren, wenn die Maus darüber ist

Attributwert des Cursorattributs:

So verwenden Sie CSS, um die kleine Hand zu formatieren, wenn die Maus darüber ist

Das obige ist der detaillierte Inhalt vonSo verwenden Sie CSS, um die kleine Hand zu formatieren, wenn die Maus darüber ist. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
css
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage