本文所分享的知识点是【css cursor 的可选值(鼠标的各种样式)】,欢迎您喜欢我爱IT技术网所分享的教程、知识、经验或攻略,下面是详细的讲解。
css cursor 的可选值(鼠标的各种样式)
|
crosshair; |
|
十字准心 |
The cursor render as a crosshair |
|
cursor: pointer; |
|
手 |
The cursor render as a pointer (a hand) that indicates a link |
|
cursor: wait; |
|
等待/沙漏 |
The cursor indicates that the program is busy (often a watch or an hourglass) |
|
cursor: help; |
|
帮助 |
The cursor indicates that help is available (often a 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) |
|
cursor: e-resize; |
|
向右改变大小(East) |
The cursor indicates that an edge of a box is to be moved right (east) |
|
cursor: w-resize; |
向左改变大小(West) |
The cursor indicates that an edge of a box is to be moved left (west) | |
|
cursor: ne-resize; |
|
向上右改变大小(North East) |
The cursor indicates that an edge of a box is to be moved up and right (north/east) |
|
cursor: nw-resize; |
|
向上左改变大小(North West) |
The cursor indicates that an edge of a box is to be moved up and left (north/west) |
|
cursor: se-resize; |
|
向下右改变大小(South East) |
The cursor indicates that an edge of a box is to be moved down and right (south/east) |
|
cursor: sw-resize; |
|
向下左改变大小(South West) |
The cursor indicates that an edge of a box is to be moved down and left (south/west) |
|
cursor: auto; |
|
自动 |
The browser sets a cursor |
|
cursor:not-allowed; |
|
禁止 |
cursor:not-allowed; |
|
cursor: progress; |
|
处理中 |
cursor: progress; |
|
cursor: default; |
|
系统默认 |
The default cursor (often an arrow) |
|
cursor: url(' # '); |
|
用户自定义(可用动画) |
The url of a custom cursor to be used. Note: Always define a generic cursor at the end of the list in case none of the url-defined cursors can be used |
关于css cursor 的可选值(鼠标的各种样式)的相关讨论如下:
相关问题:css关于cursor设置图片问题
答:图片路径问题,是否正确? 因为是鼠标经过才会加载并显示该图片,建议在网页加载的时候就载入该图片,这样就不需要鼠标经过时触发事件才载入,才比较流畅 >>详细
相关问题:在css3.0中cursor属性
答:corsor 是鼠标的属性 用于整张页面就如下: body { cursor:crosshair; /*十字型光标*/ } 还有很多种,只给你说一种,举一反三 >>详细
相关问题:如何让firefox和chrome支持css自定义鼠标样式?IE...
答:您好! 以下供您参考: mouse_style_fd{cursor:url(/ani/fd.cur),auto} IE下为相对路径,不加,auto没有问题。 Firefox下必须为根路径,必须加,auto 。 (/ani/fd.cur)为自定义鼠标的路径。 感谢您对火狐浏览器的支持! >>详细
- 评论列表(网友评论仅供网友表达个人看法,并不表明本站同意其观点或证实其描述)
-
