首页
欢迎页
Latest images
搜索
注册
登录
如何用CSS自定义鼠标显示的形状？
如何用CSS自定义鼠标显示的形状？
design_ss 19/03/12, 10:27 am
<style type="text/css">
<!--
span {display:block;line-height:30px;margin:5px 0;background:#f0f0f0;text-align:center;}
-->
</style>
<span style="cursor:pointer;">pointer 手型</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>
<!--
span {display:block;line-height:30px;margin:5px 0;background:#f0f0f0;text-align:center;}
-->
</style>
<span style="cursor:pointer;">pointer 手型</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>
design_ss- 帖子数 : 122
积分 : 373
威望 : 0
注册日期 : 11-12-28
您在这个论坛的权限：
您不能在这个论坛回复主题
» javascript 函数的方法call()和apply()
» JS中typeof与instanceof的区别
» JS中的构造函数解析
» js对象属性方法大总结
» js中的值类型和引用类型小结 文字说明与实例
» CSS3中轻松实现渐变效果
» jQUery 常用实例
» mask_layer 遮照