css修改鼠标指针的形状

Posted on 2017-12-28 14:11  H海涛  阅读(357)  评论(0编辑  收藏  举报

 

默认
default
文字/编辑
text
自动
auto
手形
pointer, hand(hand是IE专有)
可移动对象
move
不允许
not-allowed
无法释放
no-drop
等待/沙漏
wait
帮助
help
十字准星
crosshair
向上改变大小(North)
n-resize
向下改变大小(South)
s_resize 与n-resize效果相同
向左改变大小(West)
w-resize
向右改变大小(East)
e-resize 与w-resize效果相同
向左上改变大小(NorthWest)
nw-resize
向左下改变大小(SouthWest)
sw-resize
向右上改变大小(NorthEast)
ne-resize 与sw-resize效果相同
向右下改变大小(SouthEast)
se-resize 与nw-resize效果相同
自定义光标
url('光标地址')

 

 

在当想修改鼠标指针形状的时候,在css 的 属性中加p{cursor:pointer;}这个是将鼠标指针修改为手型

注:这里cursor的属性值可以是上表中的任何一个,根据自己的需要进行选择