html鼠标手状态,css鼠标样式cursor介绍(鼠标手型)

html鼠标手状态,css鼠标样式cursor介绍(鼠标手型)CSS鼠标样式语法如下:任意标签中插入style=”cursor:*”例子:文本或其它页面元素文本或其它页面元素注意把*换成如下15个效果的一种:下面是对这15种效果的解释。移动鼠标到解释上面,看看你的鼠标起了什么变化吧!hand是手型例子:CSS鼠标手型效果CSS鼠标手型效果pointer也是手型,这里推荐使用这种,因为这可以在多种浏览器下使用。例子:CSS鼠标手型效果CS…

大家好,又见面了,我是你们的朋友全栈君。

CSS鼠标样式语法如下:

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

例子:文本或其它页面元素  文本或其它页面元素  注意把 * 换成如下15个效果的一种:

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

hand是手型

例子:CSS鼠标手型效果   CSS鼠标手型效果

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

例子:CSS鼠标手型效果 CSS鼠标手型效果

crosshair是十字型

例子:CSS鼠标十字型 效果CSS鼠标十字型 效果

help是问号

例子:CSS鼠标问号效果   CSS鼠标问号效果

下面写法都一样,这里就不一一写完了。

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

hand是手型

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

crosshair是十字型

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

wait是等待的那种效果

default是默认效果

help是问号

e-resize是向右的箭头

ne-resize是向右上的箭头

n-resize是向上的箭头

nw-resize是向左上的箭头

w-resize是向左的箭头

sw-resize是左下的箭头

s-resize是向下的箭头

se-resize是向右下的箭头

auto是由系统自动给出效果

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

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

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


相关推荐

  • Promise的含义和用法「建议收藏」

    Promise的含义和用法「建议收藏」含义Promise是异步编程的一种解决方案。Promise对象有以下2个特点:1.对象的状态不受外界影响。Promise对象代表一个异步操作,有三种状态:Pending(进行中)、Resolved(已完成)和Rejected(已失败)。只有异步操作的结果,可以决定当前是哪一种状态,任何其他操作都无法改变这个状态。这也是Promise这个名字的由来,它的英语意思就是“承诺”,表示其…

    2022年5月30日
    32
  • 开发的浏览器颠覆微软,引爆了一场互联网大战

    开发的浏览器颠覆微软,引爆了一场互联网大战

    2021年9月15日
    68
  • sqlserver临时表详解_怎么把临时表的数据更新到正式表

    sqlserver临时表详解_怎么把临时表的数据更新到正式表[转自]http://zhengweisincere.blog.163.com/blog/static/498446492009625749522/在SQLServer的性能调优中,有一个不可比面的问题:那就是如何在一段需要长时间的代码或被频繁调用的代码中处理临时数据集?表变量和临时表是两种选择。记得在给一家国内首屈一指的海运公司作SQLServer应用性能评估和调优的时候就看到过

    2022年8月21日
    4
  • MVC过滤器的详细讲解和示范样本

    MVC过滤器的详细讲解和示范样本

    2022年1月14日
    47
  • Chrome 批量删除指定站点历史记录

    Chrome 批量删除指定站点历史记录浏览器一直都用的是 Chrome 最近想删除特定网站的访问记录 例如打开 Chrome 的历史记录 在其中键入 深度学习 可以看到 所有相关的访问记录都被搜索了出来 但是删除时发现 Chrome 居然没有提供全选的功能 要我一个一个点 不存在的 试了一下能不能使用 Ctrl 多个选中 好像不行 最后发现搜索结果页面中的列表居然支持 SHIFT 多选 如下图所示 Done

    2025年11月6日
    1
  • springboot使用h2数据库做单元测试_h2数据库对接SQL

    springboot使用h2数据库做单元测试_h2数据库对接SQLh2数据库很方便,不用安装,我们在springboot项目中添加相关依赖就可以了。maven配置<dependency><groupId>com.h2database</groupId><artifactId>h2</artifactId>

    2022年10月9日
    2

发表回复

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

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