Die Testumgebung ist der Chrome-Browser
Mozilla/5.0 (Windows NT 6.1) AppleWebKit/537.36 (KHTML, wie Gecko) Chrome/43.0.2357.132 Safari/537.36
css Stil
p
{
cursor:url('1.jpg'),pointer;
}
HTML
<body>
<p style="width:100px;height:100px;background-color:red;"></p>
</body>Wenn die Maus auf p platziert wird, ändert sich der Cursor in das von Ihnen angegebene Muster
* Hinweise
Stellen Sie sicher, dass das benutzerdefinierte Bild klein genug ist. hier ist 16*16
Verschiedene Browser unterstützen unterschiedliche Bildformate, bitte finden Sie es selbst
cursor:url('1.jpg'),pointer; 1.jpg hier sollte dasselbe sein wie Die aktuelle HTML-Datei befindet sich im Verzeichnis derselben Ebene und es handelt sich um einen Sicherungsplan, wenn das angepasste Bild nicht angewendet werden kann. Es wäre falsch, es in diesem Test nicht zu schreiben.
Die Implementierung des oben genannten CSS unter Verwendung benutzerdefinierter Cursorstile_Escape Tornado ist der gesamte vom Herausgeber geteilte Inhalt. Ich hoffe, dass er Ihnen eine Referenz geben kann, und ich hoffe, dass Sie die chinesische PHP-Website unterstützen.
Weitere verwandte Artikel zu CSS-Beispielen, die benutzerdefinierte Cursorstile verwenden, um bahnbrechende Tornados zu erzielen, finden Sie auf der chinesischen PHP-Website!
![[Web-Frontend] Node.js-Schnellstart](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
