首页 / CSS / 怎么用CSS修改鼠标样式
怎么用CSS修改鼠标样式
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了怎么用CSS修改鼠标样式,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含1471字,纯文字阅读大概需要3分钟。
内容图文
![怎么用CSS修改鼠标样式](/upload/InfoBanner/zyjiaocheng/393/d6a74030cdcf4a8f9b8b3cb65492fb61.jpg)
我们在DIV CSS布局时候,我们会遇到对对象内鼠标指针光标进行控制,比如鼠标经过指针变为手指形状等样式,接下来我们介绍鼠标指针样式cursor控制。系统默认鼠标指针样式外,可以通过CSS设置图片为鼠标指针,常见有些网站鼠标指针是各种各样小图片样式,当然这个是通过css cursor设置鼠标样式。
扩展阅读:css指针
一、cursor语法与结构
1、cursor语法:
cursor : auto | crosshair | default | hand | move | help | wait | text | w-resize |s-resize | n-resize |e-resize | ne-resize |sw-resize | se-resize | nw-resize |pointer | url (url)
常用cursor光标说明
1)、div{ cursor:default }默认正常鼠标指针
2)、div{ cursor:hand }和div{ cursor:text } 文本选择效果
3)、div{ cursor:move } 移动选择效果
4)、div{ cursor:pointer } 手指形状 链接选择效果
5)、div{ cursor:url(url图片地址) }设置对象为图片
2、cursor样式效果图
3、鼠标指针说明
cursor设置或检索在对象上移动的鼠标指针采用何种系统预定义的光标形状。
4、布局结构
p { cursor: text; } /* css注释: 设置鼠标移动到html p对象时鼠标变为文本选择样式 */
a { cursor: pointer; } /* css注释: 设置鼠标移动到a超链接对象时鼠标变为手指形状(链接选择) */
body { cursor: url("小图片地址")} /* 设置鼠标指针默认为一个小图片 */。
常用的设置鼠标样式方法就是这么多,你学会了吗?
相关阅读:
用css实现css动画的暂停与播放功能教程
怎样用CSS加粗字体
怎样让css图片居中显示
以上就是怎么用CSS修改鼠标样式的详细内容,更多请关注Gxl网其它相关文章!
内容总结
以上是互联网集市为您收集整理的怎么用CSS修改鼠标样式全部内容,希望文章能够帮你解决怎么用CSS修改鼠标样式所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。