手的形状 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

}

}

CSS cursor 属性--css html 鼠标手型,鼠标形状,鼠标效果,样式

css鼠标手型cursor中hand与pointer Example:CSS鼠标手型效果

css鼠标手型cursor中hand与pointer

css鼠标手型cursor中hand与pointer Example:CSS鼠标手型效果