CSS样式:cursor -----定义鼠标指针

发布时间:2020-07-21 16:11:42 作者:MK先生
来源:网络 阅读:449

定义和用法

cursor 属性规定要显示的光标的类型(形状)。

该属性定义了鼠标指针放在一个元素边界范围内时所用的光标形状(不过 CSS2.1 没有定义由哪个边界确定这个范围)。

CSS样式:cursor -----定义鼠标指针

可能的值:

CSS样式:cursor -----定义鼠标指针


demo:

<html>
<head>
    <style type="text/css">
       span{
              line-height: 30px;
            }
    </style>
 </head>
<body>
    <p>请把鼠标移动到单词上,可以看到鼠标指针发生变化:</p>
    <span >
        Auto
    </span><br />
    <span >
        Crosshair
    </span><br />
    <span >
        Default
    </span><br />
    <span >
        Pointer
    </span><br />
    <span >
        Move
    </span><br />
    <span >
        e-resize
    </span><br />
    <span >
        ne-resize
    </span><br />
    <span >
        nw-resize
    </span><br />
    <span >
        n-resize
    </span><br />
    <span >
        se-resize
    </span><br />
    <span >
        sw-resize
    </span><br />
    <span >
        s-resize
        </span><br />
    <span >
        w-resize
    </span><br />
    <span >
        text
    </span><br />
    <span >
        wait
    </span><br />
    <span >
        help
    </span>
</body>

</html>


推荐阅读:
  1. web前端入门到实战:CSS3中width值为max/min-content及fit-content
  2. web前端入门到实战:html中div使用CSS实现水平/垂直居中的多种方式

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

css 样式 cursor

上一篇:详解Python中selenium如何使用autoIT上传附件

下一篇:使用iostat查看linux硬盘IO性能的方法

相关阅读

您好,登录后才能下订单哦!

密码登录
登录注册
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》