光标样式

<style>
div{
display:inline-block;
border:1px solid black;
width:60px;
height:50px;
 }
</style>
//

<div style="cursor:all-scroll">十字箭头</div>
<div style="cursor:crosshair">水平拖动线</div>
<div style="cursor:move">移动十字箭头</div>
<div style="cursor:help">带问号箭头</div>
<div style="cursor:no-drop">禁止</div>
<div style="cursor:not-allowed">禁止</div>
<div style="cursor:pointer">手型</div>
<div style="cursor:progress">带沙漏箭头</div>
<div style="cursor:row-resize">垂直拖动线</div>
<div style="cursor:text">文本编辑</div>
<div style="cursor:vertical-text">垂直文本编辑</div>
<div style="cursor:wait">沙漏</div>
<div style="cursor:n-resize">可向上拖动光标</div>
<div style="cursor:ne-resize">上右可拖动光标</div>
<div style="cursor:se-resize">下右可拖动光标</div>

转载于:https://www.cnblogs.com/chjb/p/4443784.html