脚本之家 服务器常用软件
快捷导航
您的位置：主页 > 网页制作 > CSS > CSS教程 >

CSS更改鼠标为手状样式

  发布时间：2016-07-20 10:17:12   作者：佚名   我要评论
这篇文章主要介绍了CSS更改鼠标为手状样式的相关资料,非常不错，具有参考借鉴价值，需要的朋友可以参考下

在自行设置的div或者其他标签中，为了更好的体验效果，会将在滑动过程中，将鼠标变为手势

简单总结下css对应的样式。

所在的div中，添加cursor:pointer即可。

示例：

CSS Code复制内容到剪贴板
  1. <div id="doPrint" style="border: solid;width: 64%;margin: 0% 20%;height: 65%;display: block;cursor:pointer;">     
  2.         手势变化区域     
  3. </div>    

对应的属性值还有如下：

CSS Code复制内容到剪贴板
  1. auto                    ：标准光标       
  2. default                 ：标准箭头       
  3. pointer, hand           ：手形光标       
  4. wait                    ：等待光标       
  5. text                    ：I形光标       
  6. vertical-text           ：水平I形光标       
  7. no-drop                 ：不可拖动光标       
  8. not-allowed             ：无效光标       
  9. help                    ：帮助光标       
  10. all-scroll              ：三角方向标       
  11. move                    ：移动标       
  12. crosshair               ：十字标   

相关文章

  • 浅谈CSS样式权值

    下面小编就为大家带来一篇浅谈CSS样式权值。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
    2016-08-05

  • 引用css样式的书写格式详解

    下面小编就为大家带来一篇引用css样式的书写格式详解。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
    2016-08-03

  • Web前端开发css基础样式总结(推荐)

    下面小编就为大家带来一篇Web前端开发css基础样式总结(推荐)。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
    2016-08-02

  • 纯CSS3超酷书架样式404页面特效源码

    本特效是一款使用CSS3帧动画来制作的炫酷404页面动画效果的代码。该404页面以书架为主题，欢迎下载使用
    2016-07-28

  • HTML CSS样式基础(必看篇)

    下面小编就为大家带来一篇HTML CSS样式基础(必看篇)。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
    2016-07-23

  • CSS样式覆盖规则全面了解

    下面小编就为大家带来一篇CSS样式覆盖规则全面了解。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧，祝大家游戏愉快哦
    2016-08-05

最新评论

关注微信公众号

扫一扫