码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2016-07-21 22:09:57      阅读:264      评论:0      收藏:0      [点我收藏+]

标签:css样式   cursor   定义鼠标指针   

定义和用法

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

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

技术分享

可能的值:

技术分享


demo:

<html>
<head>
    <style type="text/css">
       span{
              line-height: 30px;
            }
    </style>
 </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:text">
        text
    </span><br />
    <span style="cursor:wait">
        wait
    </span><br />
    <span style="cursor:help">
        help
    </span>
</body>

</html>


本文出自 “发酸的牛奶” 博客,转载请与作者联系!

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

标签:css样式   cursor   定义鼠标指针   

原文地址:http://wengmengkai.blog.51cto.com/9016647/1828583

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!