css怎样设置鼠标悬停改变鼠标形状

如何使用CSS设置鼠标悬停改变鼠标形状？

当鼠标悬停在某个元素上时，可以通过CSS设置鼠标光标的形状。下面是一些实例：

一、鼠标变成手形

当鼠标悬停在该元素上时鼠标变成手形。

		<div id="hover1">悬停我，鼠标会变成手指</div>
	

		#hover1{
			cursor: pointer;
		}
	

二、鼠标变成十字形

当鼠标悬停在该元素上时鼠标变成十字形。

		<div id="hover2">悬停我，鼠标会变成十字形</div>
	

		#hover2{
			cursor: crosshair;
		}
	

三、鼠标变成移动形

当鼠标悬停在该元素上时鼠标变成移动形。

		<div id="hover3">悬停我，鼠标会变成移动形</div>
	

		#hover3{
			cursor: move;
		}
	

四、鼠标变成帮助形

当鼠标悬停在该元素上时鼠标变成帮助形。

		<div id="hover4">悬停我，鼠标会变成帮助形</div>
	

		#hover4{
			cursor: help;
		}
	

总结

CSS提供了大量的鼠标形状，使我们能够通过样式更改鼠标的外观，以及通过规定鼠标在某元素上时的行为来改变一个链接的外观。通过设置鼠标样式，使得用户更容易地毫不费力，且更好地了解Web 上的元素，具有很好的用户体验。