首页 > Web开发 > 详细

CSS定义不同光标

时间:2020-03-23 12:21:00      阅读:51      评论:0      收藏:0      [点我收藏+]
<html>

    <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:text">text</span><br />
        <span style="cursor:wait">wait</span><br />
        <span style="cursor:help">help</span>
    </body>

</html>

 

CSS定义不同光标

原文:https://www.cnblogs.com/tanjiyuan/p/12550618.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!