cursor 光标的类型

定义和用法

cursor 属性规定要显示的光标的类型（形状）。

该属性定义了鼠标指针放在一个元素边界范围内时所用的光标形状。

cursor:pointer

<html><body><p>请把鼠标移动到单词上，可以看到鼠标指针发生变化：</p>//默认。浏览器设置的光标。<span style="cursor:auto">Auto</span><br />//光标呈现为十字线。<span style="cursor:crosshair">Crosshair</span><br />//默认光标（通常是一个箭头）<span style="cursor:default">Default</span><br />//光标呈现为指示链接的指针（一只手）<span style="cursor:pointer">Pointer</span><br />//此光标指示某对象可被移动<span style="cursor:move">Move</span><br />//此光标指示矩形框的边缘可被向右（东）移动<span style="cursor:e-resize">e-resize</span><br />//此光标指示矩形框的边缘可被向上及向右移动（北/东）。<span style="cursor:ne-resize">ne-resize</span><br />//此光标指示矩形框的边缘可被向上及向左移动（北/西）。<span style="cursor:nw-resize">nw-resize</span><br />//此光标指示矩形框的边缘可被向上（北）移动。<span style="cursor:n-resize">n-resize</span><br />//此光标指示矩形框的边缘可被向下及向右移动（南/东）。<span style="cursor:se-resize">se-resize</span><br />//此光标指示矩形框的边缘可被向下及向左移动（南/西）。<span style="cursor:sw-resize">sw-resize</span><br />//此光标指示矩形框的边缘可被向下移动（南）。<span style="cursor:s-resize">s-resize</span><br />//此光标指示矩形框的边缘可被向左移动（西）。<span style="cursor:w-resize">w-resize</span><br />//此光标指示文本<span style="cursor:text">text</span><br />//此光标指示程序正忙（通常是一只表或沙漏）。<span style="cursor:wait">wait</span><br />//此光标指示可用的帮助（通常是一个问号或一个气球）。<span style="cursor:help">help</span></body></html>

cursor 光标的类型相关推荐

CSS display overflow 属性 cursor光标类型
display属性功能:规则网页元素如何显示的问题. 取值:none(隐藏).block(以块元素显示).inline(以行内元素显示) block:可以实现将行内元素转成块元素. ...
前端：CSS/12/display属性，overflow属性，cursor光标类型，CSS定位，综合案例：今日闪价
display属性功能:规定网页元素如何显示: 取值:none(隐藏),block(以块元素显示),inline(以行内元素显示): block:可以实现将行内元素转换为块元素: inline:可以 ...
常用cursor光标说明
1.cursor语法: cursor : auto | crosshair | default | hand | move | help | wait | text | w-resize |s-res ...
PADS Router VX.2.3 设置光标的类型
操作系统:Windows 10 x64 工具:PADS Router VX.2.3 菜单:Tools > Options...(快捷键:Ctrl + <Enter>) 在Option ...
jquery设置cursor的属性改变光标的类型（形状）
第一种:通过增加Class css代码: .hover{cursor:pointer; } js代码 $("td").hover( function () { $(this).ad ...
（34）css光标属性cursor
一.cursor光标属性介绍 cursor属性规定要显示的光标类型. 取值: default:默认光标(通常是一个箭头) pointer:小手(常用光标) move:移动 crosshair:光标呈现 ...
cursor 设置光标样式
cursor CSS 属性设置光标的类型,在鼠标指针悬停在元素上时显示相应样式. 常用光标: cursor: hand; 是手型 cursor: pointer; 也是手型,这里推荐使用这种,因为这可 ...
CSS光标cursor
前面的话在浏览器中,光标对于提供交互反馈很有用.通过在不同的场景中改变光标,就能赋予其不同的含义定义 cursor光标值: [<uri>,]*[auto | default | po ...
鼠标样式：cursor属性值（含自定义光标图案） - 代码篇
文章目录鼠标样式:cursor属性值(含自定义光标图案) - 代码篇 1. 常用取值 · 举例: 2. 更多取值 · 截图参考 `(部分图标显示,因电脑系统而异)`: 3. 自定义cursor图片: ...

cursor 光标的类型

定义和用法

cursor 光标的类型相关推荐

最新文章

热门文章