css cursor 的可选值(鼠标的各种样式)
crosshair; |
十字准心 |
The cursor render as a crosshair |
|
cursor: pointer; |
手 |
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) |
|
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) |
|
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(' # '); |
用户自定义(可用动画) |
The url of a custom cursor to be used. Note: Always define a generic cursor at the end of the list in case none of the url-defined cursors can be used |
转载于:https://www.cnblogs.com/steamedCray/p/5053461.html
css cursor 的可选值(鼠标的各种样式)相关推荐
- CSS(列表+表格+链接+自定义鼠标光标)样式
1.CSS列表样式 1.1 list-style-type属性 (值可取none.circle.square.decimal.disc.lower-alpha) 有序列表:列表项目用数字或者字母来表示 ...
- html中怎么改变鼠标形状,css鼠标样式语法及20种可选值(属性)
我们对Windows各种各样的鼠标样式都不陌生,当鼠标移动到不同的地方时,当鼠标执行不同的功能时,当系统处于不同的状态时,都会使鼠标的形状发生变化.而在网页上往往只有当鼠标在超级链接上时才出现一个手形 ...
- CSS鼠标样式属性 cursor 的属性值
一.用法: .mouse-cursor{cursor:pointer } 二.属性值: 十字准心: cursor: crosshair;手: cursor: pointer;(主流浏览器, IE 6 ...
- css cursor 鼠标指针样式总结
今天在修改页面细节时,对某些地方的鼠标指针的样式不满意,于是就趁机回顾了一下 css cursor 属性. css cursor 属性值总结: 使用示例: body {cursor: auto; } ...
- DIV css中cursor属性详解-鼠标移到图片变换鼠标形状 (转)
css中cursor属性详解-鼠标移到图片变换鼠标形状 语法: cursor : auto | all-scroll | col-resize| crosshair | default | hand ...
- CSS cursor(鼠标状态)属性
/*正常鼠标 */ cursor:auto; /*十字鼠标 */ cursor:crosshair; /*默认鼠标 */ cursor:default; /*手*/ cursor:pointer; / ...
- css cursor url用法格式详解
css cursor url用法格式:css:{cursor:url('图标路径'),auto;} //IE,FF,chrome浏览器都可以 实例代码:html{cursor: url("h ...
- html css 鼠标手,CSS cursor 和 opacity 属性
cursor :一些不同的光标,当设置该属性之后,鼠标指上去会随着属性而改变. 举例: 十字线 默认的 帮助 指示某对象可被移动 出现左右箭头 一只手 正在加载 文本 opacity:用于设置元素的透 ...
- 如何使用CSS和JavaScript制作自定义鼠标光标
新钛云服已累计为您分享707篇技术干货 您是否曾经访问过一个网站并被其惊人的功能所震撼?其中之一可能是一个很酷的鼠标光标,它不同于您习惯的常规箭头或指针光标. 这确实可以改善用户体验,最近我一直想知道 ...
最新文章
- Gin 框架学习笔记(02)— 参数自动绑定到结构体
- kvm--virsh命令行下管理虚拟机
- 将标签one-hot化的方法
- Apache理论与实战
- Java中定义VO事件的问题
- iOS正则表达式验证
- 华为p40鸿蒙系统价格有好高,鸿蒙系统版本华为P50新机的曝光,华为P40处境悲惨价格骤降...
- 《C++ Primer 5th》笔记(10 / 19):泛型算法
- [React Native]升级React Native版本
- jsp页面将数据导出到Excel
- Jquery跨域调用(JSONP)遇到error问题的解决
- 【致青春】我们挥霍时间的年代
- [bzoj1834][ZJOI2010]network 网络扩容
- 一张小纸条(软件工程师成长过程中的一些建议)
- mysql 读未提交数据,MySql数据库的事务隔离级别学习
- win10、win7安装SQLServer2000最详细教程
- MPU6050数据处理分析
- nltk系列:Lemmatisation和Stemming(NLTK pos_tag word_tokenize)
- lzg_ad: SQL SERVER2000安装问题
- DEDECMS专题制作
热门文章
- 第八章 PX4-Pixhawk-SDlog解析
- F-子序列(组合数,打表,扩展欧拉,容斥)
- python分析基金数据_python基金会(大数据分析),的,PYTHON,基础,选择,练习
- kafka集群管理工具kafka-manager
- Visual Studio 2017 、2019安装Windows SDK失败的解决办法(改盘符引起)
- [BUUCTF-pwn]——bbys_tu_2016
- sybase性能优化经验浅谈
- 面向消息的中间件 (Message-Oriented Middleware, MOM)
- Drools与Spring集成 登录测试
- python课堂整理9---函数1