css自定义鼠标，设置光标位置

JC小白

于 2020-01-03 14:37:56 发布

阅读量2.2k

点赞数

分类专栏：自定义鼠标样式文章标签： css

本文链接：https://blog.csdn.net/weixin_43630073/article/details/103819835

版权

1 篇文章

订阅专栏

本文介绍如何使用CSS自定义网页中的鼠标光标，包括设置光标图片和调整光标位置的方法。需使用ico格式图片，并可通过特定软件将png转换为ico格式。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

@TOCcss自定义鼠标，设置光标位置

cursor：url("自定义图片路径/img.ico") x y,auto;
//其中，默认的光标位置是在左上角，xy为距离左上角的距离，即光标位置

注意：图片必须使用ico后缀名的图片，可以通过“程序图标获取编辑工具(Greenfish Icon Editor Pro) v3.25” 这一软件将png的图片转换为ico文件。