知识屋：更实用的电脑技术知识网站
知识屋 手机游戏 手机软件 电脑软件 最近更新 手机端
冒险村物语 英雄无敌3塔防 驾考家园手游 我的小家破解版 业力汉堡商店
cah职工e家 智能安全管控 易慧 iedukids学习中 闪背
亿彩文本文件批 文件自动分类器（ Win8激活信息备
LOL手游国服和外 LOL手游日服怎么 怎么注册LOL手游 2020双十一活动
所在位置：首页 > 编程技术  > CSS教程

css怎么改变鼠标样式 css改变鼠标样式的教程

发表时间：2017-04-11来源：网络

css怎么改变鼠标样式 css改变鼠标样式的教程 css中怎么改变鼠标的样式呢?下面由小编带你了解。


　　css改变鼠标样式


　　有时候需要改变鼠标样式，DIV 可以改成手型等，A也可以改成光标形式


css怎么改变鼠标样式 css改变鼠标样式的教程


　　巧合要用到鼠标样式效果，就顺便整理了下十五种CSS鼠标样式，小例子供大家使用啊。CSS鼠标样式语法如下：


　　任意标签中插入 style="cursor:*"


　　例子：<span style="cursor:*">文本或其它页面元素</span> <a href="#"


　　style="cursor:*">文本或其它页面元素</a> 注意把 * 换成如下15个效果的一种：


　　下面是对这15种效果的解释。移动鼠标到解释上面，看看你的鼠标起了什么变化吧!


　　hand是手型


　　例子：CSS鼠标手型效果<a href="#" style="cursor:hand">CSS鼠标手型效果</a>


　　pointer也是手型，这里推荐使用这种，因为这可以在多种浏览器下使用。


　　例子：CSS鼠标手型效果<a href="#" style="cursor:pointer">CSS鼠标手型效果</a>


　　crosshair是十字型


　　例子：CSS鼠标十字型 效果<a href="#" style="cursor:crosshair">CSS鼠标十字型 效果</a>


　　help是问号


　　例子：CSS鼠标问号效果<a href="#" style="cursor:help">CSS鼠标问号效果</a>


　　下面写法都一样，这里就不一一写完了，自己扩展吧。


　　text是移动到文本上的那种效果


　　wait是等待的那种效果


　　default是默认效果


　　e-resize是向右的箭头


　　ne-resize是向右上的箭头


　　n-resize是向上的箭头


　　nw-resize是向左上的箭头


　　w-resize是向左的箭头


　　sw-resize是左下的箭头


　　s-resize是向下的箭头


　　se-resize是向右下的箭头


　　auto是由系统自动给出效果


（免责声明：文章内容如涉及作品内容、版权和其它问题，请及时与我们联系，我们将在第一时间删除内容，文章内容仅供参考）
收藏

上一篇：什么是html介绍 html的语言特点是什么

下一篇：HTML标签让64位的Windows7蓝屏怎么办 HTML标签让64位的Win7蓝屏描述

知识阅读

软件推荐

更多 >

游戏推荐

更多 >

精选栏目

热门推荐

  • 人气文章
  • 最新文章
  • 下载排行榜
  • 热门排行榜

手机游戏

手机软件

电脑软件

猜你喜欢

城市 智能 家居 福利 美女 壁纸 截图 照片 修图 新闻 八卦 免费 农业 司机 会议 物流 资源 拍摄 下载 美图 手机 宠物 计算机 服务 汽车 二手 程序员 短视频 播放器 影视 动漫 停车 江浙沪 地铁 公交 抖音 舞蹈 征信 母婴 低息 分期 钱包 区块链 360 投注 彩票 借贷 网贷 借钱 抢票 吃货 购物 WIFI 导航 运动 健康

本站所有软件来自互联网，版权归原著所有。如有侵权，敬请来信告知，我们将及时撤销。

知识屋 www.zhishiwu.com 更实用的电脑技术知识网站

苏ICP备14019037号-7

联系我们