css中鼠标手,css各种鼠标手型集合

比较齐全的鼠标手型css

在国内的网站上是没搜到这么全的

比如说哪个禁止的手型；

鼠标往下移动即可看到效果；

html代码如下：

Cursors

auto

default

none

context-menu

help

pointer

progress

wait

cell

crosshair

text

vertical-text

alias

copy

move

no-drop

not-allowed

all-scroll

col-resize

row-resize

n-resize

s-resize

e-resize

w-resize

ns-resize

ew-resize

ne-resize

nw-resize

se-resize

sw-resize

nesw-resize

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