CSS鼠标小样式随笔！！！！

CSS控制鼠标样式  "cursor"

　　1.auto       　　: 正常光标

　　2.default   　　: 标准箭头

　　3.pointer   　　: 手型光标  (据说IE有兼容问题，单在IE 8.0中未发现)

　　4.wait  　　      : 等待光标

　　5.text　　　　 : 编辑光标

　　6.vertical-text   : 水平编辑光标

　　7.no-drop         : 无效光标

　　8.not-allowed   : 无效光标 (和no-drop 光标一样)

　　9.help　　　　: 帮助光标

　　10.all-scroll      : 三角方向标  (和move光标一样)

　　11.move           : 三角方向标

　　12.crosshair     : 十字标绿色的

　　13.e-resize，n-resize， nw-resize，w-resize，s-resize，se-resize，sw-resize   : 不同方向的 双箭头图标

　　个人随笔，留作记录，如有错误欢迎指正，共同进步

原文地址：https://www.cnblogs.com/bailaotou/p/10880054.html

时间： 2024-08-26 11:37:27

CSS鼠标小样式随笔！！！！的相关文章

css 鼠标提示样式预览表[转]

语法: cursor : auto | all-scroll | col-resize| crosshair | default | hand | move | help | no-drop | not-allowed | pointer | progress | row-resize | text | vertical-text | wait | *-resize | url ( url ) 取值: auto :   默认值.浏览器根据当前情况自动确定鼠标光标类型. all-scroll :

css鼠标小手

cursor:pointer; 或 cursor:hand; 手型 cursor:crosshair; 十字 cursor:text; 文本 cursor:wait; 等待 cursor:help; 问号 cursor:e-resize;e 右的箭头 cursor:ne-resize; 右上的箭头 cursor:n-resize; 上的箭头 cursor:nw-resize; 左上的箭头 cursor:w-resize; 左的箭头 cursor:sw-resize; 左下的箭头 cursor:s

css鼠标样式 鼠标手型

巧合要用到鼠标样式效果,就顺便整理了下十五种CSS鼠标样式,小例子供大家使用啊.CSS鼠标样式语法如下: 任意标签中插入 style="cursor:." 例子:文本或其它页面元素 文本或其它页面元素 注意把 * 换成如下15个效果的一种: 下面是对这15种效果的解释.移动鼠标到解释上面,看看你的鼠标起了什么变化吧! hand是手型 例子:CSS鼠标手型效果 CSS鼠标手型效果 pointer也是手型,这里推荐使用这种,因为这可以在多种浏览器下使用. 例子:CSS鼠标手型效果 CSS鼠

CSS自定义鼠标指针样式

原文链接: http://davidwalsh.name/css-custom-cursorDemo地址: http://davidwalsh.name/demo/css-custom-cursor.php原文日期: 2014-09-16翻译日期: 2014-09-17翻译人员: 铁锚 还记得Web 1.0时代的那些苦逼岁月吗? 你想尽一切办法来优化你的网站. 还要饱受IE6惨无人道的虐待,举个栗子, IE中那些害死人不偿命的滚动条, 我一直记得第三方类库 CometCursor. CometC

CSS鼠标指针cursor样式

参考来源:W3SCHOOL 有时我们需要在CSS布局时设定特定的鼠标指针样式,这时可以通过设定cursor来实现: url: 需使用的自定义光标的 URL. 注释:请在此列表的末端始终定义一种普通的光标,以防没有由 URL 定义的可用光标; default: 默认光标(通常是一个箭头); auto: 默认.浏览器设置的光标; crosshair: 光标呈现为十字线; pointer: 光标呈现为指示链接的指针(一只手); move: 此光标指示某对象可被移动; e-resize: 此光标指示矩形

css Cursor:url()自定义鼠标指针样式为图片

css自定义鼠标指针样式为图片Cursor:url()的使用,今天在项目中,要用到自定义鼠标样式,格式: css:{cursor:url('绝对路径的图片(格式:cur,ico)'),-moz-zoom-out;}//FF下面 css:{cursor:url('绝对路径'),auto;}//IE,FF,chrome浏览器都可以 前面url是自定义鼠标格式,图像的绝对路径地址,后面的参数是css标准的cursor样式,(IE下面可以不需要) 图标的格式根据不同的浏览器来分:IE支持cur,ani,

css鼠标样式

任意标签中插入 style="cursor:*" 例 子:<span style="cursor:*">文本或其它页面元素</span> <a href="#" style="cursor:*">文本或其它页面元素</a> 注意把 * 换成如下15个效果的一种: 下面是对这15种效果的解释.移动鼠标到解释上面,看看你的鼠标起了什么变化吧! hand是手型 例子:CSS鼠标手型效果

CSS控制列表样式属性list-style有哪些？怎么用？

CSS列表样式属性list-style有哪些类型?不同类型CSS控制列表样式使用时该注意什么? 这是W3Cschool用户Shirley于2016-11-10在W3Cschool编程问答提出的问题.云南小天使的回答很好的帮助了众多遇到同样问题的网友原文地址http://www.w3cschool.cn/css3/question-10231611.html 以下为回答原文: 一.什么是CSS列表? CSS列表是HTML里一种很有用的显示方式,可以把相关的并列内容整齐地垂直排列,使网页显得整洁专业

css的小技巧

前几天看到<css揭秘>这本书,第一感觉是 css怎么能出这么厚的一本书,不过 细细一想,用好css真的可以实现很多想要的效果,节省很多js代码. 总结几个css的小技巧: 1,将所有元素垂直居中 1 html, body { 2 height: 100%; 3 margin: 0; 4 } 5 6 body { 7 -webkit-align-items: center; 8 -ms-flex-align: center; 9 align-items: center; 10 display: