Heim >Web-Frontend >HTML-Tutorial >CSS verwendet den benutzerdefinierten Cursorstil Escape Tornado
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
div
{
cursor:url('1.jpg'),pointer;
}
HTML
Wenn die Maus auf dem Div platziert wird, ändert sich der Cursor in das von Ihnen angegebene Muster
*Notizen
Stellen Sie sicher, dass das benutzerdefinierte Bild klein genug ist, hier ist es 16*16
Verschiedene Browser unterstützen unterschiedliche Bildformate, bitte finden Sie es selbst
cursor:url('1.jpg'),pointer; Das 1.jpg muss sich hier im selben Verzeichnis wie die aktuelle HTML-Datei befinden. Der Zeiger ist erforderlich, wenn das angepasste Bild nicht angewendet werden kann. Da der Backup-Plan angenommen wurde, wäre es falsch, ihn in diesem Test nicht zu schreiben.