首页 / CSS / CSS-cursor属性与用法总结
CSS-cursor属性与用法总结
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了CSS-cursor属性与用法总结,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含2124字,纯文字阅读大概需要4分钟。
内容图文
![CSS-cursor属性与用法总结](/upload/InfoBanner/zyjiaocheng/414/58886ee8841b47658c89a9947d782d56.jpg)
我们在DIV CSS布局时候,我们会遇到对对象内鼠标指针光标进行控制,比如鼠标经过指针变为手指形状等样式,接下来我们介绍鼠标指针样式cursor控制。系统默认鼠标指针样式外,可以通过CSS设置图片为鼠标指针,常见有些网站鼠标指针是各种各样小图片样式,当然这个是通过css cursor设置鼠标样式。
1. CSS-cursor 属性
cursor 属性规定要显示的光标的类型(形状)
2. css cursor url用法格式详解
css cursor url用法格式:css:{cursor:url('图标路径'),auto;} //IE,FF,chrome浏览器都可以
实例代码:
html{cursor: url("ued.taobao.com/blog/wp-content/themes/taobaoued/images/cursor.ico"),auto;}
解析:前面的url是自定义鼠标图标路径,第2个参数auto是css标准的cursor样式,可换成其它属性(如pointer/default等)!
3. cursor 鼠标样式?
auto: 正常鼠标
crosshair: 十字鼠标
default: 默认鼠标
pointer: 点状鼠标(hand,写两个是为了照顾IE5,它只认hand。)
move: 移动鼠标
4. 关于cursor设置图片问题
几个需要注意的地方:1.图片地址为绝对路径,2.图片大小最好是32*32的大小,反正在各个浏览器下面解析的大小不一样
5. css cursor 鼠标形状
url 需使用的自定义光标的 URL。
注释:请在此列表的末端始终定义一种普通的光标,以防没有由 URL 定义的可用光标。
default 默认光标(通常是一个箭头)
auto 默认。浏览器设置的光标。
crosshair 光标呈现为十字线。
pointer 光标呈现为指示链接的指针(一只手)
move 此光标指示某对象可被移动。
6. 详解CSS中cursor属性实例代码
CSS之cursor属性
今天学习了CSS的cursor属性,第一篇博客就用来总结它吧。
cursor属性用于控制光标的显示样式,可取的值有这些:
cursor:url()*| {auto|default|pointer|crosshair|text|vertical-text|help|not-allowed|no-drop|move|e-reszie|s-resize|w-resize|w-resize|n-resize|all-scroll|ne-resize|se-resize|nw-resize|sw-resize|col-resize|row-resize|}
*表示至少写一个该值,url后面可再选{}内的一个值。
相关问答:
1. javascript - 给元素绑定了window.resize事件之后,之前设置的cursor属性失效了.
2. vim - 映射 可视模式下的<tab> 实现 cursor 在 split 窗口间的切换 ?
【相关推荐】
1. php.cn独孤九贱(2)-css视频教程
2. 将鼠标焦点定位到文本框最后
以上就是CSS-cursor属性与用法总结的详细内容,更多请关注Gxl网其它相关文章!
内容总结
以上是互联网集市为您收集整理的CSS-cursor属性与用法总结全部内容,希望文章能够帮你解决CSS-cursor属性与用法总结所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。