<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>cursor</title>
</head>
<body>
<p>请把鼠标移动到单词上,可以看到鼠标指针发生变化:</p>
<span style="cursor:auto">Auto</span><br />
<span style="cursor:crosshair">Crosshair</span><br />
<span style="cursor:default">Default</span><br />
<span style="cursor:pointer">Pointer</span><br />
<span style="cursor:move">Move</span><br />
<span style="cursor:e-resize">e-resize</span><br />
<span style="cursor:ne-resize">ne-resize</span><br />
<span style="cursor:nw-resize">nw-resize</span><br />
<span style="cursor:n-resize">n-resize</span><br />
<span style="cursor:se-resize">se-resize</span><br />
<span style="cursor:sw-resize">sw-resize</span><br />
<span style="cursor:s-resize">s-resize</span><br />
<span style="cursor:w-resize">w-resize</span><br />
<span style="cursor:ns-resize">ns-resize</span><br />
<span style="cursor:nesw-resize">nesw-resize</span><br />
<span style="cursor:nwse-resize">nwse-resize</span><br />
<span style="cursor:ew-resize">ew-resize</span><br />
<span style="cursor:row-resize">row-resize</span><br />
<span style="cursor:all-scroll">all-scroll</span><br />
<span style="cursor:url('https://img-blog.csdn.net/20170721161705139?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvd2FuZ3NoaXRpbmc=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center'),pointer;">url</span><br />
<span style="cursor:text">text</span><br />
<span style="cursor:wait">wait</span><br />
<span style="cursor:help">help</span><br />
<span style="cursor:context-menu">context-menu</span><br />
<span style="cursor:cell">cell</span><br />
<span style="cursor:vertical-text">vertical-text</span><br />
<span style="cursor:alias">alias</span><br />
<span style="cursor:copy">copy</span><br />
<span style="cursor:no-drop">no-drop</span><br />
<span style="cursor:not-allowed">not-allowed</span>
</body>
</html>
就写了这些了可能有漏
css鼠标样式cursor
最新推荐文章于 2024-06-18 15:16:57 发布