十字准心 cursor:crosshair;
手   cursor:pointer;
   cursor:hand;
   写两个是为了照顾IE5,它只认hand。
等待/沙漏 cursor:wait;
帮助   cursor:help;
无法释放 cursor:no-drop;
文字/编辑 cursor:text;
可移动对象 cursor:move;
向上改变大小 cursor:n-resize;
向下改变大小 cursor:s-resize;
向右改变大小 cursor:e-resize;
向左改变大小 cursor:w-resize;
向上右改变大小 cursor:ne-resize;
向上左改变大小 cursor:nw-resize;
向下右改变大小 cursor:se-resize;
向下左改变大小 cursor:sw-resize;
自动   cursor:auto;
禁止   cursor:not-allowed;
处理中   cursor:progress;
系统默认 cursor:default;
用户自定义 cursor:url('#');#=光标文件地址(注意文件格式必须为.cur或.ani)。

字上查看效果

要注意光标的实际效果依赖于用户的系统设置,与你在这里看到的效果并不一定一致。

cursor: crosshair;

十字准心

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

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

The cursor render as a pointer (a hand) thatindicates 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 (oftena 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 bemoved
游标暗示一些东西应该被移动

cursor: n-resize;

向上改变大小(North)

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

cursor: s-resize;

向下改变大小(South)

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

cursor: e-resize;

向右改变大小(East)

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

cursor: w-resize;

向左改变大小(West)

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

cursor: ne-resize;

向上右改变大小(North East)

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

cursor: nw-resize;

向上左改变大小(North West)

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

cursor: se-resize;

向下右改变大小(South East)

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

cursor: sw-resize;

向下左改变大小(South West)

The cursor indicates that an edge of a box is to bemoved 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 endof the list in case none of the url-defined cursors can beused
注意:在定义完自定义的游标之后在末尾加上一般性的游标,以防那些url所定义的游标不能使用

cursor 鼠标样式的几种样式相关推荐

  1. css的四种样式及其优先级

    目录 1.行内样式 代码 2.内嵌样式 代码 3.外链样式 代码 4.导入样式 5.四种样式的优先级 1.行内样式 行内样式又叫标签样式,它是在标签里面加上style属性 代码 <body> ...

  2. UE4/UE5 虚幻引擎,设置Mouse Cursor鼠标光标样式

    UE虚幻引擎,设置Mouse Cursor鼠标光标样式的两种方法: 第一种.使用Player Controller中内部提供的鼠标样式. 第二种.在Project Settings项目设置的Softw ...

  3. CSS中的四种样式及选择器

    CSS语法 选择符表示要定义样式的对象,可以是元素本身,也可以是一类元素或者制定名称的元素. 属性:属性是指定选择符所具有的属性,它是css的核心,css2共有150多个属性 属性值:属性值包括法定属 ...

  4. css3-5 css3鼠标、列表和尺寸样式怎么用(文字有关的样式会被继承)

    css3-5  css3鼠标.列表和尺寸样式怎么用(文字有关的样式会被继承) 一.总结 一句话总结:css标签中文字有关的样式会被继承.由常用样式记起. 1.鼠标常用样式有哪些? cursor:poi ...

  5. html设置鼠标移入移出样式,鼠标移入移出_CSS3实现鼠标移入移出时改变样式的效果...

    摘要 腾兴网为您分享:CSS3实现鼠标移入移出时改变样式的效果,壹学车,小猿口算,网易uu,万步有约等软件知识,以及山西个税,自动伴奏软件,成都农商银行app,儿歌千千,抖音群控系统,qq领赞,201 ...

  6. vue中,scss样式的三种写法——当前页面直接定义、@import引入样式、main.js引入公共样式 deep和important的写法

    vue中,scss样式的三种写法--当前页面直接定义.@import引入样式.main.js引入公共样式 & deep和important的写法 1.安装scss # 安装node-sass ...

  7. 【MAPBOX基础功能】19、mapbox修改鼠标在地图上的样式

    前言 官网指引,生成accesstoken,下载相关依赖请翻阅[https://blog.csdn.net/weixin_44402694/article/details/125414381?spm= ...

  8. QT 语言学习 day07 ui 界面 三种样式的按钮开关的制作!

    1.定义一个按钮类 : class ImageSwitch 首先我们需要定义它的 成员函数: 1. 按钮的样式   enum ButtonStyle   (枚举来定义)公有的定义给私有成员使用 2.我 ...

  9. 好用的下拉选框(单选,多选,全选,清空和反选,及个种样式)----个人钟爱

    下拉选框 如需样例和具体效果,请点击下面的连接. 好用的下拉选框(单选,多选,全选,清空和反选,及个种样式) 附件一:layui应用formselect layui.config({base: './ ...

最新文章

  1. Hadoop Writable机制
  2. Python基础day07 作业解析【文件操作(文件读写、文件夹操作)】
  3. Java黑皮书课后题第8章:**8.37(猜测首府)编写一个程序,重复提示用户输入一个州的首府。当接收到用户输入后,程序报告答案是否正确。假设50个州以及它们的首府保存在一个二维数组中,提示用户回答所
  4. sql 数据库前两列值乘_Sql语句常用关键字
  5. Java中的AtomicInteger
  6. fiddler 改成中文版的_fiddler中文版
  7. 火狐浏览器Json插件(JSONView)
  8. 中兴笔试题:打家劫舍【动态规划】
  9. php+uniapp(微信小程序版)实现电子签名及合同生成
  10. 怎么在Excel中快速将英文翻译为中文
  11. Java中除数能否为0
  12. 如何完整的安装Cygwin
  13. 一个比较稳定的PLC通讯模块设计
  14. 以太坊是什么? 以及以太坊如何工作的?
  15. 最易理解的C语言教学 第一章
  16. cad渐变线怎么画_CAD中的图案渐变功能怎么使用 涨知识了
  17. MoviePy - 中文文档4-MoviePy实战案例-给MoviePy Logo做一个闪动的阴影效果
  18. pyltp包下载及使用
  19. ios自制电话本-swift
  20. 如何把大量动图一键压缩到微信可用的大小?

热门文章

  1. python 利用random生成验证码与MD5码加密过程
  2. 你好法语A1语法单元汇总(unité 7)
  3. 谐振电路及品质因数(二)
  4. 怎样由标准正态分布得到任意正态分布
  5. 工业dcs系统有服务器吗,DCS是什么 你了解多少
  6. 安全帽识别的系统应用
  7. 负数在计算机中的存储方式
  8. java保姆级教程—— 1.什么是游戏
  9. html5笔迹画图,html5绘图工具canvas模拟笔迹绘画特效
  10. SSM---MyBatis