CSS cursor鼠标样式一览表

CSS cursor鼠标样式一览表


2024年2月24日发(作者:)

要注意光标的实际效果依赖于用户的系统设置,与你在这把你的光标放到相应文字上查看效果

里看到的效果并不一定一致。

cursor: crosshair;

十字准心

The cursor render as a crosshair

游标表现为十字准线

cursor: pointer;

The cursor render as a pointer (a hand) that indicates a

cursor: hand;

写两个是为了照顾IE5,它只认hand。

link

游标以暗示(手指)的形式来表明有一个连接

The cursor indicates that the program is busy (often a

cursor: wait;

等待/沙漏

watch or an hourglass)

游标暗示当前程序正忙(一般为一块表或是一个沙漏)

The cursor indicates that help is available (often a

cursor: help;

帮助

question mark or a balloon)

游标暗示当前位置可得到帮助(一般为问号或是气球)

cursor: no-drop;

无法释放

cursor: no-drop;

cursor: text;

文字/编辑

The cursor indicates text

游标暗示当前所处位置为文字内容

cursor: move;

可移动对象

The cursor indicates something that should be moved

游标暗示一些东西应该被移动

向上改变大小cursor: n-resize;

(North)

The cursor indicates that an edge of a box is to be

moved up (north)

边缘可向上移动(北)

向下改变大小cursor: s-resize;

(South)

The cursor indicates that an edge of a box is to be

moved down (south)

边缘可向下方移动(南)

The cursor indicates that an edge of a box is to be

cursor: e-resize;

向右改变大小(East)

moved right (east)

box边缘可向右(东)边移动

向左改变大小cursor: w-resize;

The cursor indicates that an edge of a box is to be

moved left (west)

cursor: ne-resize;

cursor: nw-resize;

cursor: se-resize;

cursor: sw-resize;

cursor: auto;

cursor:not-allowed;

cursor: progress;

cursor: default;

cursor: url(' # ');

# = 光标文件地址 (注意文件格式必须为:.cur

或 .ani)。

(West)

边缘可向左移动(西)

向上右改变大小The cursor indicates that an edge of a box is to be

moved up and right (north/east)

(North East)

游标暗示box的边缘可向右上方移动(东北方向)

向上左改变大小The cursor indicates that an edge of a box is to be

moved up and left (north/west)

(North West)

边缘可向左上方移动(西北)

向下右改变大小The cursor indicates that an edge of a box is to be

moved down and right (south/east)

(South East)

边缘可向右下方移动(东南)

向下左改变大小The cursor indicates that an edge of a box is to be

moved down and left (south/west)

(South West)

边缘可向左下方移动(西南)

自动

The browser sets a cursor

浏览器设置一个游标

禁止

cursor:not-allowed;

处理中

cursor: progress;

系统默认

The default cursor (often an arrow)

默认的游标状态(通常为一个箭头)

The url of a custom cursor to be used.

自定义游标的url位置

用户自定义(可用动Note: Always define a generic cursor at the end of the

画)

list in case none of the url-defined cursors can be used

注意:在定义完自定义的游标之后在末尾加上一般性的游标,以防那些url所定义的游标不能使用


发布者:admin,转转请注明出处:http://www.yc00.com/news/1708726066a1582331.html

相关推荐

发表回复

评论列表(0条)

  • 暂无评论

联系我们

400-800-8888

在线咨询: QQ交谈

邮件:admin@example.com

工作时间:周一至周五,9:30-18:30,节假日休息

关注微信