鼠标样式 是干嘛用的.

今天不知道写什么文章,来说说鼠标样式吧.
其实浏览网页的时候,很多小伙伴会注意到,移动到不同的区域鼠标会有不同的显示方式.
每个标签/元素都会有一个叫cursor光标的属性.

  1. cursor:pointer; 小手掌 ==> 常用
  2. cursor:move; 表示对象可以移动
  3. cursor:wait; 表现正在加载
  4. cursor:help; 表示需要帮助
  5. cursor :url("5.png"),pointer; 自定义鼠标样式

    图片格式一般要使用.cur和.ani为后缀图片,如果要使用png和gif大小不能超过32*32

无法释放 cursor:no-drop;
文字/编辑 cursor:text;
可移动对象 cursor:move;
向上改变大小 cursor:n-resize;
向下改变大小 cursor:s-resize;
向右改变大小 cursor:e-resize;
向左改变大小 cursor:w-resize;
向上右改变大小 cursor:ne-resize;
向上左改变大小 cursor:nw-resize;
向下右改变大小 cursor:se-resize;
向下左改变大小 cursor:sw-resize;
(这里是按上北下南左西右东的形式命名的
北north 南south 西west 东east)
自动   cursor:auto;
禁止   cursor:not-allowed;
处理中   cursor:progress;
系统默认 cursor:default;

a便签的默认是不是default, 跳转链接<a>的默认样式是pointer


LimeT
55 声望9 粉丝