鼠标样式 是干嘛用的.
今天不知道写什么文章,来说说鼠标样式吧.
其实浏览网页的时候,很多小伙伴会注意到,移动到不同的区域鼠标会有不同的显示方式.
每个标签/元素都会有一个叫cursor
光标的属性.
- cursor:pointer; 小手掌 ==> 常用
- cursor:move; 表示对象可以移动
- cursor:wait; 表现正在加载
- cursor:help; 表示需要帮助
- 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
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。