CSS/HTML 改变鼠标指针形状

https://www.cnblogs.com/hanqishihu/p/5805566.html

CSS/HTML 改变鼠标指针形状

改变鼠标指针形状的方法有两种；第一种：用的来改变鼠标指针形状。另一种是:利用第三方控件的方法,而我自己最常用的是第一种:用css样式表来改变鼠标指针形状

        我们先来看第一种：用来改变鼠标指针形状。

有些时候我们并不需要文字，图片加链接，而且还想要加链接时的鼠标样式。这就用到了我们的css样式表来鼠标指针形状了。请下面的css鼠标指针css样式表的一些属性：

 

默认	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样式表。如何应用呢？下面我们用实例来说明一下：

<style type="text/css">

   .a{ cursor:hand }   /*这里边的curusor的值可以是以上表中的任何值,或是你自己定义*/

</style>

<div class=”a”>欢迎您到百洋软件研究实验室listly的博客来做客</div>

也可以直接将样式表写在div标签中效果是一样的哟如:

<div style=”cursor:help;”>欢迎您到百洋软件研究实验室listly的博客来做客</div>

在W3School上有各种鼠标样式的例子：

www.w3school.com.cn/tiy/t.asp?f=csse_cursor