比较齐全的鼠标手型css
在国内的网站上是没搜到这么全的
比如说哪个禁止的手型;
鼠标往下移动即可看到效果;
html代码如下:
Cursors
autodefaultnonecontext-menuhelppointerprogresswaitcellcrosshairtextvertical-textaliascopymoveno-dropnot-allowedall-scrollcol-resizerow-resizen-resizes-resizee-resizew-resizens-resizeew-resizene-resizenw-resizese-resizesw-resizenesw-resizenwse-resize@import "compass/css3";
.auto{cursor:auto; }.deafult{cursor:default; }.none{cursor:none; }.context-menu{cursor:context-menu; }.help{cursor:help; }.pointer{cursor:pointer; }.progress{cursor:progress; }.wait{cursor:wait; }.cell{cursor:cell; }.crosshair{cursor:crosshair; }.text{cursor:text; }.vertical-text{cursor:vertical-text; }.alias{cursor:alias; }.copy{cursor:copy; }.move{cursor:move; }.no-drop{cursor:no-drop; }.not-allowed{cursor:not-allowed; }.all-scroll{cursor:all-scroll; }.col-resize{cursor:col-resize; }.row-resize{cursor:row-resize; }.n-resize{cursor:n-resize; }.e-resize{cursor:e-resize; }.s-resize{cursor:s-resize; }.w-resize{cursor:w-resize; }.ns-resize{cursor:ns-resize; }.ew-resize{cursor:ew-resize; }.ne-resize{cursor:ne-resize; }.nw-resize{cursor:nw-resize; }.se-resize{cursor:se-resize; }.sw-resize{cursor:sw-resize; }.nesw-resize{cursor:nesw-resize; }.nwse-resize{cursor:nwse-resize; }.cursors > div{float:left;box-sizing:border-box;width:20%;padding:10px 2px;text-align:center;white-space:nowrap;&:nth-child(even) {
background: #eee;
}&:hover{opacity:0.25}}