使用CSS为内容设定特定的鼠标样式（cursor）介绍

Dec062014

作者：超级efly 发布：2014-12-06 08:19 分类：网络阅读：1,321 30条评论

相信大家都知道我们的鼠标在网页中不同的元素中有不同的显示（例如 a 元素就显示为“箭头指针”），但是其实我们还可以自定义这些有趣的东西哦！今天“畅想资源”就来教大家如何使用CSS为内容设定特定的鼠标样式（cursor），让你的网页更加的生动、活泼！

教学

以下的表格显示了每一种样式相应的CSS代码，而只需将鼠标移动到对应的框格内就可以预览效果啦！（各种系统、浏览器下的效果可能有所区别！）

cursor: ;

觉得这篇文章有用吗？分享一下让更多人受益吧！

本文固定链接：https://www.arefly.com/zh-cn/css-cursor/

本文章由“超级efly”于2014年12月06日发表于“网络”分类

你可以发表评论，并在保留原文地址及作者的情况下引用到你的网站

转载请注明：使用CSS为内容设定特定的鼠标样式（cursor）介绍 | 畅想资源

关键字：CSS, cursor, HTML

[上一篇] WordPress 图片暗箱+图片点击放大插件 WP FancyZoom 介绍

[下一篇] 祝大家2015年新年快乐！

您可能还会对这些文章感兴趣！

使用CSS为内容设定特定的鼠标样式（cursor）介绍：目前有 30 条留言
访客以 19：11 大幅领先博主

评论载入中，请稍等……

17楼
云落：

哪个图标的挺有意思的，可以研究下

2015-04-16 下午12:58 [回复]
16楼
梦想网络 ：

报个到。今天签到啦！时间：下午8:05:38（使用Arefly评论框自动签到）

2015-01-22 下午8:06 [回复]
15楼
Jason Cooper ：

我打好的评论没了..........再也不相信爱情了.............

2015-01-18 下午10:03 [回复]
14楼
IELTS代攷 ：

繁体字看的头晕...

2015-01-17 下午4:24 [回复]
- 超级efly ：
  
  右上角有简繁转换哦！
  
  2015-01-18 上午9:00 [回复]
  - IELTS代攷 ：
    
    好吧，我的错。没有注意...
    
    2015-01-18 下午12:43 [回复]
13楼
Me.稀奇 ：

这个不错也，不过我都是默认的。

2014-12-24 下午5:18 [回复]
- 超级efly ：
  
  我也是～懒得弄这些了～
  
  2015-01-18 上午9:00 [回复]
12楼
综合搜索 ：

好文章！支持一下！

2014-12-23 下午4:44 [回复]
- 超级efly ：
  
  谢谢支持～～
  
  2015-01-18 上午9:01 [回复]
11楼
温柔绕指尖 ：

繁体字啊~~

2014-12-21 下午3:11 [回复]
- 超级efly ：
  
  网页右上角有简繁转换哦！
  
  2015-01-18 上午9:00 [回复]
10楼
香港云主机 ：

站长你好，恒创推出买主机送平板，独立IP专享7折优惠，礼品有限，先到先得，年底最后再一次任性!!

2014-12-17 下午4:29 [回复]
9楼
破折君 ：

没认真学习CSS呢，虽然说想学下。。。

2014-12-13 下午8:20 [回复]
- 超级efly ：
  
  加油！
  
  2015-01-18 上午9:01 [回复]
8楼
圆管桁架 ：

支持下

2014-12-13 上午10:39 [回复]
- 超级efly ：
  
  谢谢啦～
  
  2015-01-18 上午9:02 [回复]
7楼
自由天空 ：

好文支持

2014-12-11 下午10:43 [回复]
- 超级efly ：
  
  谢谢支持～
  
  2014-12-12 上午7:46 [回复]
6楼
凯凯：

今天签到啦！时间：下午4:33:27（使用Arefly评论框自动签到）

2014-12-10 下午4:36 [回复]
5楼
凯凯：

请问你评论里的表情延迟加载是如何实现的呢？找了好久没找到教程呀

2014-12-10 下午4:35 [回复]
- 超级efly ：
  
  表情延迟加载是指点击“表情”后才出现还是怎样？
  
  2014-12-12 上午7:46 [回复]
  - 凯凯：
    
    是表情的这个lazy load，跟图片一样的，屏幕滚动上来图片才显示，就是你表情连接里的这个 original。
    请问有教程吗？我没找到呜呜呜
    
    2014-12-16 下午4:34 [回复]
4楼
恋羽 ：

CSS而已，虽然很有用

2014-12-09 下午1:11 [回复]
- 超级efly ：
  
  不过很好玩嘛～
  
  2014-12-12 上午7:45 [回复]
地板
Rich ：

今天签到啦！时间：21:45:38（使用Arefly评论框自动签到）

2014-12-07 下午9:46 [回复]
- 超级efly ：
  
  今天签到啦！时间：上午7:44:47（使用Arefly评论框自动签到）
  
  2014-12-12 上午7:45 [回复]
板凳
wu1yi2fan ：

没有任何代码……这是要自己开FireBug扒代码的节奏么= =

2014-12-06 下午5:21 [回复]
- 诸神的黄昏 ：
  
  他写的那些就是css
  
  2014-12-06 下午7:33 [回复]
沙发
Sang ：

头香XD

2014-12-06 上午10:24 [回复]
- 超级efly ：
  
  XDD
  
  2014-12-12 上午7:44 [回复]