Heim >Web-Frontend >HTML-Tutorial >CSS verwendet den benutzerdefinierten Cursorstil Escape Tornado

CSS verwendet den benutzerdefinierten Cursorstil Escape Tornado

WBOY
WBOYOriginal
2016-08-18 08:58:011304Durchsuche

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.

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:CSS (5): AnimationNächster Artikel:CSS (5): Animation