crosshair;

十字准心

The cursor render as a crosshair
游标表现为十字准线

cursor: pointer; 
cursor: hand;
写两个是为了照顾IE5,它只认hand。

The cursor render as a pointer (a hand) that indicates a link
游标以暗示(手指)的形式来表明有一个连接

cursor: wait;

等待/沙漏

The cursor indicates that the program is busy (often a watch or an hourglass)
游标暗示当前程序正忙(一般为一块表或是一个沙漏)

cursor: help;

帮助

The cursor indicates that help is available (often a question mark or a balloon)
游标暗示当前位置可得到帮助(一般为问号或是气球)

cursor: no-drop;

无法释放

cursor: no-drop;

cursor: text;

文字/编辑

The cursor indicates text
游标暗示当前所处位置为文字内容

cursor: move;

可移动对象

The cursor indicates something that should be moved
游标暗示一些东西应该被移动

cursor: n-resize;

向上改变大小(North)

The cursor indicates that an edge of a box is to be moved up (north)
边缘可向上移动(北)

cursor: s-resize;

向下改变大小(South)

The cursor indicates that an edge of a box is to be moved down (south)
边缘可向下方移动(南)

cursor: e-resize;

向右改变大小(East)

The cursor indicates that an edge of a box is to be moved right (east)
box边缘可向右(东)边移动

cursor: w-resize;

 

向左改变大小(West)

The cursor indicates that an edge of a box is to be moved left (west)
边缘可向左移动(西)

cursor: ne-resize;

向上右改变大小(North East)

The cursor indicates that an edge of a box is to be moved up and right (north/east)
游标暗示box的边缘可向右上方移动(东北方向)

cursor: nw-resize;

向上左改变大小(North West)

The cursor indicates that an edge of a box is to be moved up and left (north/west)
边缘可向左上方移动(西北)

cursor: se-resize;

向下右改变大小(South East)

The cursor indicates that an edge of a box is to be moved down and right (south/east)
边缘可向右下方移动(东南)

cursor: sw-resize;

向下左改变大小(South West)

The cursor indicates that an edge of a box is to be moved down and left (south/west)
边缘可向左下方移动(西南)

cursor: auto;

自动

The browser sets a cursor
浏览器设置一个游标

cursor:not-allowed;

禁止

cursor:not-allowed;

cursor: progress;

处理中

cursor: progress;

cursor: default;

系统默认

The default cursor (often an arrow)
默认的游标状态(通常为一个箭头)

cursor: url(' # ');
# = 光标文件地址      (注意文件格式必须为:.cur 或 .ani)。

用户自定义(可用动画)

The url of a custom cursor to be used.
自定义游标的url位置

Note: Always define a generic cursor at the end of the list in case none of the url-defined cursors can be used
注意:在定义完自定义的游标之后在末尾加上一般性的游标,以防那些url所定义的游标不能使用

转载于:https://www.cnblogs.com/steamedCray/p/5053461.html

css cursor 的可选值(鼠标的各种样式)相关推荐

  1. CSS(列表+表格+链接+自定义鼠标光标)样式

    1.CSS列表样式 1.1 list-style-type属性 (值可取none.circle.square.decimal.disc.lower-alpha) 有序列表:列表项目用数字或者字母来表示 ...

  2. html中怎么改变鼠标形状,css鼠标样式语法及20种可选值(属性)

    我们对Windows各种各样的鼠标样式都不陌生,当鼠标移动到不同的地方时,当鼠标执行不同的功能时,当系统处于不同的状态时,都会使鼠标的形状发生变化.而在网页上往往只有当鼠标在超级链接上时才出现一个手形 ...

  3. CSS鼠标样式属性 cursor 的属性值

    一.用法: .mouse-cursor{cursor:pointer } 二.属性值: 十字准心: cursor: crosshair;手: cursor: pointer;(主流浏览器, IE 6 ...

  4. css cursor 鼠标指针样式总结

    今天在修改页面细节时,对某些地方的鼠标指针的样式不满意,于是就趁机回顾了一下 css cursor 属性. css cursor 属性值总结: 使用示例: body {cursor: auto; } ...

  5. DIV css中cursor属性详解-鼠标移到图片变换鼠标形状 (转)

    css中cursor属性详解-鼠标移到图片变换鼠标形状 语法:  cursor : auto | all-scroll | col-resize| crosshair | default | hand ...

  6. CSS cursor(鼠标状态)属性

    /*正常鼠标 */ cursor:auto; /*十字鼠标 */ cursor:crosshair; /*默认鼠标 */ cursor:default; /*手*/ cursor:pointer; / ...

  7. css cursor url用法格式详解

    css cursor url用法格式:css:{cursor:url('图标路径'),auto;} //IE,FF,chrome浏览器都可以 实例代码:html{cursor: url("h ...

  8. html css 鼠标手,CSS cursor 和 opacity 属性

    cursor :一些不同的光标,当设置该属性之后,鼠标指上去会随着属性而改变. 举例: 十字线 默认的 帮助 指示某对象可被移动 出现左右箭头 一只手 正在加载 文本 opacity:用于设置元素的透 ...

  9. 如何使用CSS和JavaScript制作自定义鼠标光标

    新钛云服已累计为您分享707篇技术干货 您是否曾经访问过一个网站并被其惊人的功能所震撼?其中之一可能是一个很酷的鼠标光标,它不同于您习惯的常规箭头或指针光标. 这确实可以改善用户体验,最近我一直想知道 ...

最新文章

  1. Gin 框架学习笔记(02)— 参数自动绑定到结构体
  2. kvm--virsh命令行下管理虚拟机
  3. 将标签one-hot化的方法
  4. Apache理论与实战
  5. Java中定义VO事件的问题
  6. iOS正则表达式验证
  7. 华为p40鸿蒙系统价格有好高,鸿蒙系统版本华为P50新机的曝光,华为P40处境悲惨价格骤降...
  8. 《C++ Primer 5th》笔记(10 / 19):泛型算法
  9. [React Native]升级React Native版本
  10. jsp页面将数据导出到Excel
  11. Jquery跨域调用(JSONP)遇到error问题的解决
  12. 【致青春】我们挥霍时间的年代
  13. [bzoj1834][ZJOI2010]network 网络扩容
  14. 一张小纸条(软件工程师成长过程中的一些建议)
  15. mysql 读未提交数据,MySql数据库的事务隔离级别学习
  16. win10、win7安装SQLServer2000最详细教程
  17. MPU6050数据处理分析
  18. nltk系列:Lemmatisation和Stemming(NLTK pos_tag word_tokenize)
  19. lzg_ad: SQL SERVER2000安装问题
  20. DEDECMS专题制作

热门文章

  1. 第八章 PX4-Pixhawk-SDlog解析
  2. F-子序列(组合数,打表,扩展欧拉,容斥)
  3. python分析基金数据_python基金会(大数据分析),的,PYTHON,基础,选择,练习
  4. kafka集群管理工具kafka-manager
  5. Visual Studio 2017 、2019安装Windows SDK失败的解决办法(改盘符引起)
  6. [BUUCTF-pwn]——bbys_tu_2016
  7. sybase性能优化经验浅谈
  8. 面向消息的中间件 (Message-Oriented Middleware, MOM)
  9. Drools与Spring集成 登录测试
  10. python课堂整理9---函数1