suchen

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

藏色散人
藏色散人Original
2021-01-28 09:37:4912421Durchsuche

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>

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!

Stellungnahme：
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
Vorheriger Artikel：So löschen Sie Inline-CSS-StileNächster Artikel：So löschen Sie Inline-CSS-Stile

In Verbindung stehende Artikel

Mehr sehen