CSS使用自定义光标样式-遁地龙卷风
2024-08-24 12:43:55
测试环境是chrome浏览器
Mozilla/5.0 (Windows NT 6.1) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/43.0.2357.132 Safari/537.36
css样式
div
{
cursor:url('1.jpg'),pointer;
}
HTML
<body>
<div style="width:100px;height:100px;background-color:red;"></div>
</body>
当鼠标放到div上,光标会变成你指定的图案
*注意事项
要确保自定义的图片足够小,这里的是16*16
不同浏览器支持的图片格式不一样,请自行查找
cursor:url('1.jpg'),pointer;这里的1.jpg要和当前html文件在同级目录,pointer是必要的,当自定义的图片不能应用时采用的备用方案,本次测试不写是不对的。
最新文章
- Real-Time Rendering读书辩疑琐记
- .NET深入 c#数据类型2
- PowerDesigner提示This data item is already used in a primary identifier.的处理
- Android Studio 单刷《第一行代码》系列 06 —— Fragment 生命周期
- Bzoj-2005 能量采集 gcd,递推
- OpenCV训练分类器制作xml文档
- libvirt基于安装
- 旧的VirtualBox News(从1.3.4开始)
- C#反射动态赋值
- AJAX应用的五个步骤
- 云计算之路-阿里云上:针对 docker swarm 故障的部署调整以及应急措施
- 利用CDLinux里面的水滴破解路由器密码的教程
- 用UIWebView加载本地图片和gif图
- 初试valgrind内存调试工具
- 【一天一道LeetCode】#26. Remove Duplicates from Sorted Array
- Java基础系列--07_String、StringBuffer和StringBuilder
- url跳转漏洞(1)
- K8S入门学习
- ubuntu下没有ping命令
- c语言:简单排序:冒泡排序法、选择排序法、插入排序法(待写)
热门文章
- HTML5系列四(特征检测、Modernizr.js的相关介绍)
- 收集的一些jQuery (我平常用的少的,但确实挺有效果的)
- 利用 Django REST framework 编写 RESTful API
- Yocto开发笔记之《网卡配置》(QQ交流群:519230208)
- OC面向对象特性: 继承
- JavaWeb学习笔记——javabean
- 使用mybatis-generator自动生成model、dao、mapping文件
- mac pro在公司连WiFi正常,回家回宿舍就找不到WiFI信号,需要重启才能找到WiFI热点
- 常用JS效果 不断进步贴 不停更新~ 纪念用~
- Orchard源码分析(3):Orchard.WarmupStarter程序集