Heim > Artikel > Web-Frontend > So stellen Sie den CSS-Mauszeiger auf den Bildstil ein
So stellen Sie den CSS-Mauszeiger auf den Bildstil ein
- 青灯夜游Original
- 2021-11-09 16:20:344348Durchsuche
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!