cursor 鼠标样式的几种样式
十字准心 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; |
手 |
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) |
|
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) |
|
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(' # '); |
用户自定义(可用动画) |
The url of a custom cursor to be used. Note: Always define a generic cursor at the endof the list in case none of the url-defined cursors can beused |
cursor 鼠标样式的几种样式相关推荐
- css的四种样式及其优先级
目录 1.行内样式 代码 2.内嵌样式 代码 3.外链样式 代码 4.导入样式 5.四种样式的优先级 1.行内样式 行内样式又叫标签样式,它是在标签里面加上style属性 代码 <body> ...
- UE4/UE5 虚幻引擎,设置Mouse Cursor鼠标光标样式
UE虚幻引擎,设置Mouse Cursor鼠标光标样式的两种方法: 第一种.使用Player Controller中内部提供的鼠标样式. 第二种.在Project Settings项目设置的Softw ...
- CSS中的四种样式及选择器
CSS语法 选择符表示要定义样式的对象,可以是元素本身,也可以是一类元素或者制定名称的元素. 属性:属性是指定选择符所具有的属性,它是css的核心,css2共有150多个属性 属性值:属性值包括法定属 ...
- css3-5 css3鼠标、列表和尺寸样式怎么用(文字有关的样式会被继承)
css3-5 css3鼠标.列表和尺寸样式怎么用(文字有关的样式会被继承) 一.总结 一句话总结:css标签中文字有关的样式会被继承.由常用样式记起. 1.鼠标常用样式有哪些? cursor:poi ...
- html设置鼠标移入移出样式,鼠标移入移出_CSS3实现鼠标移入移出时改变样式的效果...
摘要 腾兴网为您分享:CSS3实现鼠标移入移出时改变样式的效果,壹学车,小猿口算,网易uu,万步有约等软件知识,以及山西个税,自动伴奏软件,成都农商银行app,儿歌千千,抖音群控系统,qq领赞,201 ...
- vue中,scss样式的三种写法——当前页面直接定义、@import引入样式、main.js引入公共样式 deep和important的写法
vue中,scss样式的三种写法--当前页面直接定义.@import引入样式.main.js引入公共样式 & deep和important的写法 1.安装scss # 安装node-sass ...
- 【MAPBOX基础功能】19、mapbox修改鼠标在地图上的样式
前言 官网指引,生成accesstoken,下载相关依赖请翻阅[https://blog.csdn.net/weixin_44402694/article/details/125414381?spm= ...
- QT 语言学习 day07 ui 界面 三种样式的按钮开关的制作!
1.定义一个按钮类 : class ImageSwitch 首先我们需要定义它的 成员函数: 1. 按钮的样式 enum ButtonStyle (枚举来定义)公有的定义给私有成员使用 2.我 ...
- 好用的下拉选框(单选,多选,全选,清空和反选,及个种样式)----个人钟爱
下拉选框 如需样例和具体效果,请点击下面的连接. 好用的下拉选框(单选,多选,全选,清空和反选,及个种样式) 附件一:layui应用formselect layui.config({base: './ ...
最新文章
- Hadoop Writable机制
- Python基础day07 作业解析【文件操作(文件读写、文件夹操作)】
- Java黑皮书课后题第8章:**8.37(猜测首府)编写一个程序,重复提示用户输入一个州的首府。当接收到用户输入后,程序报告答案是否正确。假设50个州以及它们的首府保存在一个二维数组中,提示用户回答所
- sql 数据库前两列值乘_Sql语句常用关键字
- Java中的AtomicInteger
- fiddler 改成中文版的_fiddler中文版
- 火狐浏览器Json插件(JSONView)
- 中兴笔试题:打家劫舍【动态规划】
- php+uniapp(微信小程序版)实现电子签名及合同生成
- 怎么在Excel中快速将英文翻译为中文
- Java中除数能否为0
- 如何完整的安装Cygwin
- 一个比较稳定的PLC通讯模块设计
- 以太坊是什么? 以及以太坊如何工作的?
- 最易理解的C语言教学 第一章
- cad渐变线怎么画_CAD中的图案渐变功能怎么使用 涨知识了
- MoviePy - 中文文档4-MoviePy实战案例-给MoviePy Logo做一个闪动的阴影效果
- pyltp包下载及使用
- ios自制电话本-swift
- 如何把大量动图一键压缩到微信可用的大小?