html中自定义鼠标光标
2017-08-25 13:43
211 查看
是不是有时候看着浏览器里默认的光标很窝火?尤其是当自己的网页很fashion的时候,其实,自定义光标形状很容易。
CSS中有一个叫
整篇网页的光标都会变成手的形状。
其他还有很多默认值可以自己去了解一下。
今天主要说想要选取一张好看的图片作为网页光标时应该怎么办:
但这样设置之后往往不能奏效,还应在值后面加一个默认值,就像这样:
这样就okay了。
例:
光标图形:
CSS中有一个叫
cursor的属性。它的值就可以定义光标形状,例如:
body{ cursor:pointer; }
整篇网页的光标都会变成手的形状。
其他还有很多默认值可以自己去了解一下。
今天主要说想要选取一张好看的图片作为网页光标时应该怎么办:
body{ cursor:url("图片地址"); }
但这样设置之后往往不能奏效,还应在值后面加一个默认值,就像这样:
body{ cursor:url("图片地址"),auto; }
这样就okay了。
例:
body{ cursor:url("img/cursor.png"),auto; }
光标图形:
相关文章推荐
- Html使用自定义光标的一点需要注意的小问题。
- 在.net桌面程序中自定义鼠标光标
- Winform程序使用自定义鼠标光标
- HTML - 鼠标光标属性
- 自定义鼠标光标
- java swing 自定义鼠标光标及隐藏光标
- C++ Builder如何在游戏程序中自定义鼠标光标
- 自定义鼠标光标cursor
- 自定义鼠标光标类型
- AS3自定义鼠标光标后应注意鼠标事件捕获问题
- HTML CSS 兼容所有浏览器的自定义鼠标样式
- 自定义鼠标光标组件——游戏中常用的物品、技能图标拖动
- 工作学习笔记——C#自定义类型剪贴板操作、自定义鼠标光标定位问题
- 鼠标触及形状问题(自定义鼠标光标类型)
- 自定义鼠标光标,制作cur,设置热点,中心点。
- Html中自定义鼠标的形状
- win32 Application SDK窗口 WNDCLASS 自定义鼠标、图标、菜单
- Html鼠标右键菜单代码
- html img 鼠标移动 修改图片
- 阻止右键菜单(阻止默认事件)&&跟随鼠标移动(大图展示)&&自定义右键菜单