1. 全栈程序员必看首页

CSS 鼠标样式和手指样式整理

全栈程序员-站长 • • 未分类 • 阅读 47

CSS 鼠标样式和手指样式整理巧合要用到鼠标样式效果，就顺便整理了下十五种CSS鼠标样式，小例子供大家使用啊。CSS鼠标样式语法如下： 任意标签中插入style=”cursor:*” 例子：文本或其它页面元素文本或其它页面元素注意把*换成如下15个效果的一种： 下面是对这15种效果的解释。移动鼠标到解释上面，看看你的鼠标起了什么变化吧！ hand是手型 例子：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是由系统自动给出效果

版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请联系我们举报，一经查实，本站将立刻删除。

发布者：全栈程序员-站长，转载请注明出处：https://javaforall.net/145856.html原文链接：https://javaforall.net

赞 (0)
全栈程序员-站长的头像全栈程序员-站长
0 0


相关推荐

  • 关于大数据平台，这有一套完整的方法论，你确定不收藏？[通俗易懂]

    关于大数据平台，这有一套完整的方法论，你确定不收藏？[通俗易懂]

    关于大数据平台，这有一套完整的方法论，你确定不收藏？[通俗易懂]大数据时代这个词被提出已有10年了吧，越来越多的企业已经完成了大数据平台的搭建。随着移动互联网和物联网的爆发，大数据价值在越来越多的场景中被挖掘，随着大家都在使用欧冠大数据，大数据平台的搭建门槛也越来越低。借助开源的力量，任何有基础研发能力的组织完全可以搭建自己的大数据平台。但是对于没有了解过大数据平台、数据仓库、数据挖掘概念的同学可能还是无法顺利完成搭建，因为你会发现太多的东西，和架构，你不知道如何去选择。今天给大家分享下大数据平台是怎么玩的。架构总览通常大数据平台的架构如上，从.

    全栈程序员-站长的头像 全栈程序员-站长
    2022年6月3日
    32
  • 2

    2

    2

    全栈程序员-站长的头像 全栈程序员-站长
    2021年7月28日
    62
  • Pytest（16）随机执行测试用例pytest-random-order「建议收藏」

    Pytest（16）随机执行测试用例pytest-random-order「建议收藏」

    Pytest（16）随机执行测试用例pytest-random-order「建议收藏」前言通常我们认为每个测试用例都是相互独立的，因此需要保证测试结果不依赖于测试顺序，以不同的顺序运行测试用例，可以得到相同的结果。pytest默认运行用例的顺序是按模块和用例命名的ASCII编码

    全栈程序员-站长的头像 全栈程序员-站长
    2022年7月30日
    12
  • linux apache2配置_虚拟主机开启ssl

    linux apache2配置_虚拟主机开启ssl

    linux apache2配置_虚拟主机开启ssl测试环境*操作系统：Ubuntu5.10*测试机地址：10.39.6.59*测试机域名：*.firehare.com基本配置我们都知道，如果我们想在单台机器上设置多个域名或主机名时，我们就要用到基于名称的虚拟主机了。那么要如何进行设置呢？这就是本指南想解决的问题了。在Ubuntu的/etc/apache2/目录下有个Ap

    全栈程序员-站长的头像 全栈程序员-站长
    2022年9月18日
    2
  • C# 连接SQL Sever 数据库与数据查询实例 数据仓库

    C# 连接SQL Sever 数据库与数据查询实例 数据仓库

    C# 连接SQL Sever 数据库与数据查询实例 数据仓库大数据时代在编程可能需要用到一些文本内容，不可能全部写到代码里，不好更改，用户也不方便使用所以需要用到我们的数据库来保存这些数据，直接更改数据SQL：下载地址：https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads1.现在后打开选择登录：Windows身份验证2.创建登录的账号和密码（右键创建）3.创建数据库表右键新建…

    全栈程序员-站长的头像 全栈程序员-站长
    2022年6月7日
    29
  • Android如何下抓取tcp数据包[通俗易懂]

    Android如何下抓取tcp数据包[通俗易懂]

    如果要抓TCP数据包，我们可以使用TCPdump工具，具体方法是: 下载tcpdump，  还有个地址是http://www.strazzere.com/android/tcpdump，不知道具体版本。  详细使用请参考http://www.tcpdump.org/里

    全栈程序员-站长的头像 全栈程序员-站长
    2022年4月14日
    214

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号