Heim >Web-Frontend >CSS-Tutorial >Können CSS-Mausstile angepasst werden (Beispiele für mehrere Stile)?
Können CSS-Mausstile angepasst werden (Beispiele für mehrere Stile)?
- 藏色散人Original
- 2018-08-15 15:23:411933Durchsuche
Dieser Artikel stellt Ihnen hauptsächlich eine Zusammenfassung relevanter Kenntnisse über benutzerdefinierte CSS-Mausstile auf der Seite vor. Ich hoffe, es hilft Freunden in Not.
Dann ist hier ein konkretes Codebeispiel für Sie:
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title>css cursor样式自定义</title>
</head>
<body>
<a href="#" style="cursor:pointer">css pointer 拖拽形状效果</a><br/><br/>
<a href="#" style="cursor:auto">CSS鼠标cursor样式之由系统自动给出效果</a><br/><br/>
<a href="#" style="cursor:crosshair">CSS鼠标cursor样式之十字型效果</a><br/><br/>
<a href="#" style="cursor:text">CSS鼠标cursor样式之I字形效果</a><br/><br/>
<a href="#" style="cursor:wait">CSS鼠标cursor样式之等待效果</a><br/><br/>
<a href="#" style="cursor:default">CSS鼠标cursor样式之默认效果</a><br/><br/>
<a href="#" style="cursor:ne-resize">CSS鼠标cursor样式之向右上箭头效果</a><br/><br/>
<a href="#" style="cursor:s-resize">CSS鼠标按下样式效果</a><br/><br/>
<a href="#" style="cursor:w-resize">CSS鼠标cursor样式之向左箭头效果</a><br/><br/>
<a href="#" style="cursor:e-resize">CSS鼠标cursor样式之向右的箭头效果</a><br/><br/>
</body>
</html>Der obige Code kann für lokale Tests direkt kopiert und eingefügt werden, und der Effekt ist wie folgt:
Dann ist das Obige eine Einführung in die verschiedenen Effekte von CSS-Mauszeigerstilen. Ich hoffe, dass es für Freunde in Not hilfreich sein wird.
Das obige ist der detaillierte Inhalt vonKönnen CSS-Mausstile angepasst werden (Beispiele für mehrere Stile)?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!