CSS cursor 属性 -- 鼠标效果

最新推荐文章于 2024-06-18 15:16:57 发布
最新推荐文章于 2024-06-18 15:16:57 发布
阅读量468 收藏
点赞数
分类专栏： Div/CSS 我的收藏 文章标签： css
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/fjnu2008/article/details/7103856
版权
cursor -- 定义鼠标样式
  • 取值: [ [<uri> ,]* [ auto | crosshair | default | pointer | move | e-resize | ne-resize | nw-resize | n-resize | se-resize | sw-resize | s-resize | w-resize | text | wait | help | progress ] ] | inherit
    • [<uri> ,]*: 根据用户定义的资源显示
    • auto: 正常鼠标
    • crosshair: 十字鼠标
    • default: 默认鼠标
    • pointer: 点状鼠标
    • move: 移动鼠标
    • e-resize,ne-resize,nw-resize,n-resize,se-resize,sw-resize,s-resize,w-resize:  改变大小鼠标
    • text: 文字鼠标
    • wait: 等待鼠标
    • help: 求助鼠标
    • progress: 过程鼠标
    • inherit: 继承
  • 引用网址:http://www.dreamdu.com/css/property_cursor/
  • 初始值: auto
  • 继承性: 是
  • 适用于: 所有元素
  • cursor: 中文"鼠标"的意思.
fjnu2008
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
CSS cursor鼠标样式大比拼，鼠标样式​详细介绍
我驾驶汽车从不是为了从A点到达B点，我喜欢去感受汽车，与之交流，与之融为一体。
07-12 710
除了可以使用上表中介绍的光标样式外，您也可以使用图像文件来自定义光标的样式，如下所示：您可以使用 url() 定义多个光标的样式文件，每个 url() 之间使用逗号分隔，上面示例中 custom.gif、custom.cur 就是自定义的光标文件。需要注意的是，在自定义光标样式时，要在最后定义一个上表中的通用光标样式，防止使用 url() 中定义的光标图像资源失效。提示：.cur 格式是光标文件的标准格式，您可以使用一些在线工具（例如）将 .jpg、.gif 等格式的图像文件转换为 .cur 格式。
CSS cursor 属性 -- 鼠标指针样式效果
09-27
取值: [ [<uri> ,]* [ auto | crosshair | default | pointer | move | e-resize | ne-resize | nw-resize | n-resize | se-resize | sw-resize | s-resize | w-resize | text | wait | help | progress ] ] | ...
web页面鼠标移入指针发生变化
weixin_44419615的博客
08-14 510
<html> <body> <p>请把鼠标移动到单词上，可以看到鼠标指针发生变化：</p> <span style="cursor:auto"> Auto</span><br /> <span style="cursor:crosshair"> Crosshair</span><br /> <span style="cursor:default"> Default</s
CSS中cursor的属性讲解
m0_63873004的博客
04-07 1195
//样式里面加上 cursor: pointer;
【CSS】cursor属性的作用，怎么使用
最新发布
读心悦
06-18 976
cursor属性在CSS中用于定义元素在用户和浏览器交互时所显示的光标样式。它可以改变鼠标光标的外观，以提供更好的用户体验和交互性。通过cursor属性，可以为元素设置不同的光标样式，如箭头、手型、十字、等待、文本输入等。这些样式可以帮助用户更直观地了解元素的功能和操作方式。基本语法：属性值：自定义光标：使用示例：注意事项：总之，cursor属性是一个强大的工具，可以帮助你改善网站的用户体验和交互性。通过合理地使用cursor属性，你可以为用户提供更直观、更友好的界面。
CSS中cursor
狂飙的蜗牛
12-07 1425
CSS中cursor      关于cursor的说明，书上是这样讲的：      设置或检索在对象上移动的鼠标指针采用的光标形状。此属性的值可以是多个，其间用逗号分隔。假如第一个值不可以被客户端系统理解或所指定的光标无法找到及显示，则第二个值将被尝试使用。依此类推。假如全部值都不可用的话，则此属性不会发生作用。光标不会被改变。此属性对于 currentStyle 对象而言是只读的。对于其
CSSCursor属性所有值的说明
码奴一只猿
04-19 1748
在Web开发中，CSS Cursor属性是一个用来定义鼠标光标在特定元素上的外观的非常重要的属性。这个属性的使用非常简单，只需要在CSS中指定一个元素的Cursor属性的值即可。下面将为大家详细介绍CSS Cursor属性的所有可用值。
CSS------------鼠标样式属性
我好像还记得 愿望是什么
12-12 298
鼠标样式属性 cursor:auto; 默认 cursor:crosshair; 加号 cursor:text; 文本竖标 cursor:wait; 等待 cursor:help; 帮助 cursor:progress; 过程 cursor:inherit; 继承 cursor:move; 移动 cursor:ne-resize; 左下右上箭头 cursor:ns-resize; 向上向下箭头 cursor:nw-resize; 左上右下箭头
CSS cursor 属性 — 鼠标指针样式效果
12-12
取值: [ [<uri> ,]* [ auto | crosshair | default | pointer | move | e-resize | ne-resize | nw-...复制代码代码如下:auto: 正常鼠标 crosshair: 十字鼠标 default: 默认鼠标 pointer: 点状鼠标 move: 移动鼠标
CSS中cursor属性的鼠标样式明细
09-25
在CSS中，cursor属性用于定义鼠标悬停在元素上方时显示的光标样式。光标样式可以影响用户的交互体验，使网页的导航和操作更加直观和友好。以下详述了CSS中cursor属性所包含的一些常见鼠标样式，并解释了它们的用途。...
举例详解CSS中的cursor属性
12-08
在CSS中，`cursor`属性是一个非常有用的功能，它允许我们改变用户在页面上移动鼠标时看到的指针样式。本文主要介绍了两个实用的`cursor`属性组合：`zoom-in/zoom-out`和`grab/grabbing`，它们极大地增强了用户体验，...
鼠标特效css的cursor属性
03-28
鼠标特效用css的cursor属性控制形状
css cursor 的可选值（鼠标的各种样式）
12-01
crosshair;   十字准心 The cursor render as a crosshair游标表现为十字准线 cursor: pointer; cursor: hand;写两个是为了照顾IE5，它只认hand。   手 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
CSS鼠标样式（cursor）
m0_63057114的博客
03-07 1691
CSS鼠标样式（cursor）属性值介绍，以及常用案例...
比较全的CSS cursor(鼠标样式)
03-04 4898
十字准心 cursor:crosshair;手   cursor:pointer;   cursor:hand;   写两个是为了照顾IE5，它只认hand。等待/沙漏 cursor:wait; 帮助   cursor:help; 无法释放 cursor:no-drop; 文字/编辑 cursor:text; 可移动对象 cursor:move; 向上改变大小 cursor:n-resize; 向
css cursor鼠标样式
颜良文丑的博客
11-01 535
根据需要改变鼠标落在不同节点上的样式
CSS 鼠标（cursor）一览表
热门推荐
jk6801251的专栏
09-06 1万+
<br />cursor 版本：CSS2　 兼容性：IE4.0+ NS6.0+　继承性：有语法：cursor : auto | all-scroll | col-resize | crosshair | default | hand | move | help | no-drop | not-allowed | pointer | progress | row-resize | text | vertical-text | wait | *-r
Cursor语法及理解
cjh81378066的博客
06-08 883
游标的两种概念 共享游标 : 是用户提交 SQL 或 PL/SQL 程序...
css cursor属性
04-05
CSS cursor 属性定义鼠标指针悬停在元素上时的外观。 语法： ``` selector { cursor: value; } ``` 属性值： - `auto`：默认值。浏览器设置的光标； - `default`：默认光标； - `none`：无光标； - `context-menu`：上下文菜单光标； - `help`：帮助光标； - `pointer`：手型光标； - `progress`：进度条光标； - `wait`：等待光标； - `cell`：单元格光标； - `crosshair`：十字线光标； - `text`：文本光标； - `vertical-text`：垂直文本光标； - `alias`：别名光标； - `copy`：复制光标； - `move`：移动光标； - `no-drop`：不可拖动光标； - `not-allowed`：禁止光标； - `grab`：抓取光标； - `grabbing`：抓取中光标； - `e-resize`：向右调整大小光标； - `n-resize`：向上调整大小光标； - `ne-resize`：向右上调整大小光标； - `nw-resize`：向左上调整大小光标； - `s-resize`：向下调整大小光标； - `se-resize`：向右下调整大小光标； - `sw-resize`：向左下调整大小光标； - `w-resize`：向左调整大小光标； - `ew-resize`：水平调整大小光标； - `ns-resize`：垂直调整大小光标； - `nesw-resize`：左上右下调整大小光标； - `nwse-resize`：左下右上调整大小光标； - `col-resize`：列调整大小光标； - `row-resize`：行调整大小光标； - `all-scroll`：全方向调整大小光标； - `zoom-in`：放大光标； - `zoom-out`：缩小光标。 示例： ``` button { cursor: pointer; } a { cursor: help; } input[type="text"] { cursor: text; } img { cursor: pointer; } div { cursor: url("example.png"), auto; } ```
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值