CSS样式:cursor -----定义鼠标指针
更新:HHH   时间:2023-1-7


定义和用法

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

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

可能的值:


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>


返回开发技术教程...