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 |
css cursor 的可选值(鼠标的各种样式)的更多相关文章
- DIV css中cursor属性详解-鼠标移到图片变换鼠标形状 (转)
css中cursor属性详解-鼠标移到图片变换鼠标形状 语法: cursor : auto | all-scroll | col-resize| crosshair | default | han ...
- css Cursor:url()自定义鼠标指针样式为图片
css自定义鼠标指针样式为图片Cursor:url()的使用,今天在项目中,要用到自定义鼠标样式,格式: css:{cursor:url('绝对路径的图片(格式:cur,ico)'),-moz-zoo ...
- CSS cursor 属性--css html 鼠标手型,鼠标形状,鼠标效果,样式
css鼠标手型cursor中hand与pointer Example:CSS鼠标手型效果 <a href="#" style="cursor:hand"& ...
- 鼠标指针光标样式css cursor default pointer hand url
一.cursor语法与结构 1.cursor语法:cursor : auto | crosshair | default | hand | move | help | wait | text | w- ...
- 【css】cursor鼠标指针光标样式知识整理
在前端开发中,我们经常需要对对象鼠标指针光标进行控制,比如鼠标经过超链接时变成手指形状.在这里整理一下cursor鼠标指针光标样式的知识,记录与方便以后查找. 1.常用cursor光标 div( cu ...
- css cursor url用法格式详解
css cursor url用法格式:css:{cursor:url('图标路径'),auto;} //IE,FF,chrome浏览器都可以 实例代码:html{cursor: url("h ...
- CSS:CSS cursor 属性
ylbtech-CSS:CSS cursor 属性 1.返回顶部 1. 实例 一些不同的光标: span.crosshair {cursor:crosshair;} span.help {cursor ...
- 光标属性CSS cursor 属性
CSS cursor 属性 CSS cursor属性,以前不知道,如果以后用到自己看的 <html> <body> <p>请把鼠标移动到单词上,可以看到鼠标指针发生 ...
- 原来cursor:可以这样改变鼠标样式
前言:今天看百度的一个layui前端框架的时候,看到一个禁用图标的样式,鼠标移上去会变成一个自定义的图片样式,就在想难道cursor也可以自定义图片路径?!之前一直没有使用过. 使用了一下之后,遇到很 ...
随机推荐
- GCC for Win32开发环境介绍
http://blog.csdn.net/VisionCat/article/details/711693 http://blog.csdn.net/VisionCat/article/categor ...
- C# 基础知识总结
要学好C#,基础知识的重要性不言而喻,现将常用到的一些基础进行总结,总结如下: 1. 数据类型转换: 强制类型转换(Chart--> int): char cr='A'; int i = ...
- //解决validator验证插件多个name相同只验证第一的问题
//解决validator验证插件多个name相同只验证第一的问题 var validatorName = function () { if ($.validator) { $.validator.p ...
- 使用Memcache缓存mysql数据库操作的原理和缓存过程浅析
转载自脚本之家 http://www.jb51.net/article/51831.htm 作者:忙碌的松鼠 对于大型网站如facebook,ebay等网站,如果没有Memcache做为中间缓存层, ...
- CSS3--overflow属性
overflow:当内容溢出元素框时发生的事情: overflow:默认,内容不会裁剪,会呈现在元素框之外: overflow:hidden:内容会被裁剪,并且其余部分是不可见的(清除浮动) over ...
- 从下往上看--新皮层资料的读后感 第二部分:突触Synapses
为进一步了解这种连接性产生的差异,在认识soma这个独立的逻辑单元后,进化过程设计了一整套系统设计来使用这个逻辑单元.为促成细胞体之间发生连接构成系统dendrite和axon之间的连接需要引入新的功 ...
- Maven中的DependencyManagement和Dependencies
Maven 使用dependencyManagement 元素来提供了一种管理依赖版本号的方式.通常会在一个组织或者项目的最顶层的父POM 中看到dependencyManagement 元素.使用p ...
- YY前端课程-自习
1. 默认的浏览器字体 100% = 1em =1rem =16px =12pt em继承父元素,rem只继承html根元素 2. text-align水平对齐影响一个元素中文本的水平对齐方式,控 ...
- 学习ios【1】Objective-C 基本语法
一 了解一下,找参考资料 1.看书学习object-c语法,第一本看的是<objective-c程序设计>. 2.官网:https://developer.apple.com/librar ...
- django orm总结[转载]
django orm总结[转载] 转载地址: http://www.cnblogs.com/linjiqin/archive/2014/07/01/3817954.html 目录1.1.1 生成查询1 ...