In CSS können Sie das Cursor-Attribut verwenden, um den Mauszeiger auf einen Bildstil festzulegen. Sie müssen lediglich einen oder mehrere durch Kommas getrennte „url()“-Werte zum Cursor-Attribut hinzufügen, um das verwendete Bild anzugeben der Mauszeiger. Die Syntax lautet „cursor:url(Pfad der Bilddatei)“.
Die Betriebsumgebung dieses Tutorials: Windows7-System, CSS3- und HTML5-Version, Dell G3-Computer.
In CSS können Sie das Cursor-Attribut verwenden, um den Mauszeiger anzupassen und den Mauszeiger auf einen Bildstil festzulegen.
Syntax: cursor:url(图片文件路径);
Eine oder mehrere durch Kommas getrennte URL()s, die verwendet werden, um auf Bilder zu verweisen, die als Cursor verwendet werden sollen. Der Benutzeragent ruft die Cursor-URL() vom ersten ab. Wenn der Benutzeragent den ersten Cursor der Cursorliste nicht verarbeiten kann, muss er versuchen, die Cursorliste usw. zu verarbeiten.
Beispiel:
<!DOCTYPE html> <html> <head> <style> div{ height: 100px; background-color: #FFC0CB; cursor: url(https://img.php.cn/upload/article/000/000/024/618a2ac4b581f274.png), pointer; } </style> </head> <body> <div></div> </body> </html>
Rendering:
Hinweis: Wenn der Benutzeragent keines der bereitgestellten Bilder verarbeiten kann, muss das Schlüsselwort „cursor“ verwendet werden.
(Teilen von Lernvideos: CSS-Video-Tutorial)
Das obige ist der detaillierte Inhalt vonSo stellen Sie den CSS-Mauszeiger auf den Bildstil ein. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!