css鼠标样式

1、cursor语法: 

cursor :auto | default | none | context-menu | help | hand  | pointer | progress | wait | cell | crosshair | text | vertical-text | alias | copy | move | no-drop | not-allowed | e-resize | n-resize | ne-resize | nw-resize | s-resize | se-resize | sw-resize | w-resize | ew-resize | ns-resize | nesw-resize | nwse-resize | col-resize | row-resize | all-scroll | url (url).

text 是移动到文本上的那种效果 

crosshair是 十字效果

wait 是等待的那种效果 
default是默认效果 
e-resize是向右的箭头
ne-resize是向右上的箭头
n-resize是向上的箭头
nw-resize是向左上的箭头
w-resize是向左的箭头
sw-resize是左下的箭头
s-resize是向下的箭头
se-resize是向右下的箭头
auto是由系统自动给出效果

2、cursor例子:

<a href="#" style="cursor:hand">CSS鼠标手型效果</a>

<a href="#" style="cursor:pointer">CSS鼠标手型效果</a>

<a href="#" style="cursor:help">CSS鼠标问号效果</a>

(图片来源于网页文章分享)

3.鼠标禁用样式(17.11.14添加)

   cursor:not-allowed;  该样式适用于所有主流浏览器

  cursor:no-drop;  在IE下识别有差异

posted @ 2017-09-13 14:36  lpmou  阅读(661)  评论(1编辑  收藏  举报
返回顶部