在我们进行设计html前端的时候,会经常遇到页面上出现不同区域鼠标的形状,这里可以使用css进行书写。
更多书写可以参见:w3c
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
<div style="height: 100px;width:300px;border:1px solid #ccc;cursor:pointer;">
进入本区域鼠标箭头变为:手形
</div><br>
<div style="height: 100px;width:300px;border:1px solid #ccc;cursor:wait">
进入本区域鼠标箭头变为:等待/沙漏
</div><br>
<div style="height: 100px;width:300px;border:1px solid #ccc;cursor:help">
进入本区域鼠标箭头变为:帮助
</div><br>
<div style="height: 100px;width:300px;border:1px solid #ccc;cursor:crosshair">
进入本区域鼠标箭头变为:十字准星
</div><br>
<div style="height: 100px;width:300px;border:1px solid #ccc;cursor:not-allowed">
进入本区域鼠标箭头变为:不允许
</div>
</body>
</html>
演示效果: