Heim > Artikel > Web-Frontend > 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:411879Durchsuche

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:

Können CSS-Mausstile angepasst werden (Beispiele für mehrere Stile)?

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!

css

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：Wie kann verhindert werden, dass der Eingaberahmen auf einer HTML-Seite angezeigt wird?Nächster Artikel：Wie kann verhindert werden, dass der Eingaberahmen auf einer HTML-Seite angezeigt wird?

In Verbindung stehende Artikel

Mehr sehen