码迷,mamicode.com
首页 > 其他好文 > 详细

光标样式

时间:2015-04-21 11:06:28      阅读:147      评论:0      收藏:0      [点我收藏+]

标签:

<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>
 

光标样式

标签:

原文地址:http://www.cnblogs.com/chjb/p/4443784.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!