Cursor 详解及使用

Cursor 属性,全称是“Control.Cursor 属性”,意即
获取或设置当鼠标指针位于控件上时显示的光标。

有兴趣的网友请继续看:
鼠标属性

  我们知道,当把鼠标移动到不同的地方时,当鼠标需要执行不同的功能时,当系统处于不同的状态时,都会使鼠标的形状发生改变。
  用CSS来改变鼠标的属性,就是当鼠标移动到不同的元素对象上面时,让鼠标以不同的形状、图案显示。
  在CSS当中,这种样式是通过“cursor”属性来实现的。Cursor属性有很多的属性值,我们来看一下它的详细列表:



  我们来看一个例子吧,请看下面这段代码:

  <html>
    <head>
    <title>changemouse</title>
    </head>
    <body>
    <h1 style=“font-family:文鼎新艺体简”>鼠标效果</h1>//*设置字体*//
    <p style=“font-family:行书体;font-size:16pt;color:red”>
    请把鼠标移到相应的位置观看效果。</p>//*设置字体的名称、大小、颜色*//
    <div style=“font-family:行书体;font-size:24pt;color:green;”>
    //*设置该区域内的字体名称、大小、绿色*//
    <p><span style=“cursor:hand”>手的形状</span><br>
     //*设置鼠标属性为手的形状*//
    <span style=“cursor:move”>移动</span><br>//*设置鼠标属性为移动*//
    <span style=“cursor:ne-resize”>反方向</span><br>
    //*设置鼠标属性为反方向*//
    <span style=“cursor:wait”>等待</span><br>//*设置鼠标属性为等待*//
    <span style=“cursor:help”>求助</span>//*设置鼠标属性为求助*//
    </p>
    </div>
    </body>
  </html>

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值