【 View】【收藏】【推荐】【评论】 如何用CSS自定义鼠标显示的形状？ (2008-02-29 )

下载 Download：
迅雷下载(推荐)　|　本地下载(电信)

来源：预览网址：#

重要：当提供源代码在代码框显示时，下载和演示地址可能无效，请点击下面的运行代码查看效果！

<style type="text/css">


<!-- 
span {display:block;line-height:30px;margin:5px 0;background:#f0f0f0;text-align:center;}
--></style><span style="CURSOR: hand">hand 手型</span> <span style="CURSOR: crosshair">crosshair 十字</span> <span style="CURSOR: text">text 文本</span> <span style="CURSOR: wait">wait 等待</span> <span style="CURSOR: help">help 问号</span> <span style="CURSOR: e-resize">e-resize 右的箭头</span> <span style="CURSOR: ne-resize">ne-resize 右上的箭头</span> <span style="CURSOR: n-resize">n-resize 上的箭头</span> <span style="CURSOR: nw-resize">nw-resize 左上的箭头</span> <span style="CURSOR: w-resize">w-resize 左的箭头</span> <span style="CURSOR: sw-resize">sw-resize 左下的箭头</span> <span style="CURSOR: s-resize">s-resize 下的箭头</span> <span style="CURSOR: se-resize">se-resize 右下的箭头</span> <span style="CURSOR: move">move 移动</span>

提示：您可以修改部分代码再运行，复制和保存功能在Firefox下无效。

我们在网页设计的时候，为了达到个性效果，需要将系统默认的鼠标形状改变掉，自宝义鼠标显示的形状，我们以前可以用javascript来实现。现在我们完全可以用css来实现这一个性效果了。

CSS有一个属性：cursor，其作用是设置或检索在对象上移动的鼠标指针采用何种系统预定义的光标形状。

上一篇：如何用CSS实现在新窗口打开链接？下一篇：如何将链接的下划线做成虚线？

共有 0 位酷友发表了评论, 点此查看全部酷友评论(Comments)

添加评论(Add Comments) 不能超过250字，需审核，请自觉遵守互联网相关政策法规。

服务赞助商

来源：预览网址：#

上一篇：如何用CSS实现在新窗口打开链接？下一篇：如何将链接的下划线做成虚线？

共有 0 位酷友发表了评论, 点此查看全部酷友评论(Comments)

添加评论(Add Comments) 不能超过250字，需审核，请自觉遵守互联网相关政策法规。

昵称：论坛注册

服务赞助商

随机显示10条设计素材

改变文本框里的文字颜色

div布局的自由伸展三栏式版面

一个弹出层的JS特效

MyPixbot带阴影的可拖动的浮动层

DIV+CSS布局网页页面实现多风格选择的

mop分页代码

如何让层垂直居中于浏览器窗口？

每日显示不同内容（每日一贴）

图片边框变换CSS Hover状态效果一例

玩转表格之表格边框魔鬼教程

酷站 + 代码 + 实用代码 js div css html + 详细内容

来源： 预览网址：#

上一篇：如何用CSS实现在新窗口打开链接？ 下一篇：如何将链接的下划线做成虚线？

共有 0 位酷友发表了评论, 点此查看全部 酷友评论(Comments)

添加评论(Add Comments) 不能超过250字，需审核，请自觉遵守互联网相关政策法规。

昵称： 论坛注册 密码： 匿名?

服务赞助商

随机显示10条设计素材

来源：预览网址：#

上一篇：如何用CSS实现在新窗口打开链接？下一篇：如何将链接的下划线做成虚线？

共有 0 位酷友发表了评论, 点此查看全部酷友评论(Comments)

昵称：论坛注册