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

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是由系统自动给出效果

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

发布者:全栈程序员-用户IM,转载请注明出处:https://javaforall.cn/145856.html原文链接:https://javaforall.cn

【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛

【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...

(0)


相关推荐

  • getparameter()_eclipse如何自动生成get和set方法

    getparameter()_eclipse如何自动生成get和set方法以下是一个简单的jsp注册页面,从前端提交的数据&lt;%@pagelanguage="java"import="java.util.*"pageEncoding="UTF-8"%&gt;&lt;%Stringpath=request.getContextPath();StringbasePath=request.getScheme()+"://"+request.g…

  • 2021年汽车修理工(初级)报名考试及汽车修理工(初级)最新解析「建议收藏」

    2021年汽车修理工(初级)报名考试及汽车修理工(初级)最新解析「建议收藏」题库来源:安全生产模拟考试一点通公众号小程序安全生产模拟考试一点通:美容师(技师)试题及解析参考答案及美容师(技师)考试试题解析是安全生产模拟考试一点通题库老师及美容师(技师)操作证已考过的学员汇总,相对有效帮助美容师(技师)复审考试学员题库来源:安全生产模拟考试一点通公众号小程序安全生产模拟考试一点通:质量员-市政方向-通用基础(质量员)考试题是安全生产模拟考试一点通总题库中生成的一套质量员-市政方向-通用基础(质量员)免费试题,安全生产模拟考试一点通上质量员-市政方向-通用基础(质量员)作业手机同步

  • android开发之使用SQLite数据库存储

    SQLite 介绍SQLite 一个非常流行的嵌入式数据库,它支持 SQL 语言,并且只利用很少的内存就有很好的性能。此外它还是开源的,任何人都可以使用它。许多开源项目((Mozilla, PHP, Python)都使用了 SQLite.SQLite 由以下几个组件组成:SQL 编译器、内核、后端以及附件。SQLite 通过利用虚拟机和虚拟数据库引擎(VDBE),使调试、修改和扩展 SQL

  • H2数据库相关介绍「建议收藏」

    H2数据库相关介绍「建议收藏」什么是H2数据库H2是一个开源的嵌入式数据库引擎,采用java语言编写,不受平台的限制,同时H2提供了一个十分方便的web控制台用于操作和管理数据库内容。H2还提供兼容模式,可以兼容一些主流的数据库,因此采用H2作为开发期的数据库非常方便。H2是纯java编写的,源码大小只有1M左右。优点:速度非常快,开源,JDBCAPI嵌入式和服务器模式;内存数据库基于浏览器的Console应用…

    2022年10月12日
  • WPF数据采集与监控系统实战开发全记录【附源码 典藏版】[通俗易懂]

    WPF数据采集与监控系统实战开发全记录【附源码 典藏版】[通俗易懂]作为B站学习区非知名Up主,本人酷爱沉迷上位机无法自拔!人称”上位机大王“(滑稽)长期为大家提供各类WPF/上位机学习干货是我的信条!元旦在即,我又连肝一周,录制了一批WPF数据采集与监控系统项目开发实战!!录制内容,从上位机应用基础架构出发,全程代码实战,涉及内容包括串口通信、基础组件开发、用户控件动画、全局静态数据绑定等等。从无到有,完整实操,项目整体以MVVM思想模式设计开发,代码功能使用分层结构,逻辑与View解耦。认真看完全部视频,你可以了解到基本的串口通信方式,以及如何利用WPF的特性开发

  • 【建议收藏】MySQL 三万字精华总结 —锁机制和性能调优(四)「建议收藏」

    【建议收藏】MySQL 三万字精华总结 —锁机制和性能调优(四)

发表回复

您的电子邮箱地址不会被公开。

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