十五种CSS鼠标样式

十五种CSS鼠标样式
CSS鼠标样式语法如下:
任意标签中插入style=”cursor:*” 
例子:文本或其它页面元素文本或其它页面元素注意把*换成如下15个效果的一种:
下面是对这15种效果的解释。移动鼠标到解释上面,看看你的鼠标起了什么变化吧!
hand是手型   
例子: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/138190.html原文链接:https://javaforall.net

(0)
上一篇 2022年5月31日 下午9:00
下一篇 2022年5月31日 下午9:00


相关推荐

  • yum 卸载 jdk

    yum 卸载 jdk本文 CentOS 版本为 5 4final 使用图形界面与命令结合的操作方式由于 CentOS5 4 在默认情况下 会安装 OpenOffice 之类的软件 而这些软件需要 Java 支持 因此系统会默认安装一个 JDK 环境 如果需要使用特定的 Java 环境 最好将这些默认安装的 JDK 卸载或者彻底删除 在安装完成 CentOS5 4 之后 直接在终端中输入 java version 系统会显示当

    2026年2月13日
    1
  • 西门子PLC_300F系列PLC_初始化MMC卡实验教程 S_L01[通俗易懂]

    西门子PLC_300F系列PLC_初始化MMC卡实验教程 S_L01[通俗易懂]西门子300F安全PLC忘记安全密码没有读卡器如何清空MMC卡西门子300FPLC安全密码操作前注意事项本次实验使用的硬件设备将新硬件进行组态和IP分配使用此硬件配合MMC进行操作西门子300FPLC安全密码300系列PLC在下载程序前必须设定一个安全密码,此密码会写在MMC卡里面,而且无法通过PLC拨码初始化,如果忘记密码可以通过使用西门子官方读卡器进行格式化,但是绝对不能插在普通读卡器或者带有读卡器的电脑上,这样操作会导致内存卡误格式化,损坏MMC卡。本实验将讲解如何在没有西门子官方读卡器的情

    2022年5月9日
    250
  • linux的grub_grub linux

    linux的grub_grub linux系统引导管理器GRUB,为初学者指南作者:北南南北来自:LinuxSir.Org摘要: GRUB是多系统引导管理器,简单的说既能引导Linux,同时也能引导Windows;从LinuxSir.Org讨论区近四年的观察来看,大多初学者并不能在短时间内掌握GRUB的用法,为了解决初学者在最短时间内掌握GRUB,重写GRUB入门文档还是有必要的;本文重点介绍了GRUB的menu.

    2025年6月11日
    4
  • pandas外连接

    pandas外连接dd pd merge df df2 how outer 外连接是两个表连接的一种方式 给人的印象是外连接的话 连接后的表会变大 he 上面是表 1 下面是表 2he 这两个表有

    2026年3月26日
    1
  • idea2020.2激活码(JetBrains全家桶)

    (idea2020.2激活码)2021最新分享一个能用的的激活码出来,希望能帮到需要激活的朋友。目前这个是能用的,但是用的人多了之后也会失效,会不定时更新的,大家持续关注此网站~IntelliJ2021最新激活注册码,破解教程可免费永久激活,亲测有效,下面是详细链接哦~https://javaforall.net/100143.html…

    2022年3月28日
    269
  • 干货!Spring Cloud微服务架构进阶,你还不了解的都在这里「建议收藏」

    干货!Spring Cloud微服务架构进阶,你还不了解的都在这里「建议收藏」前言近年来,微服务架构一直是互联网技术圈的热点之一,越来越多的互联网应用都采用了微服务架构作为系统构建的基础,很多新技术和理念如Docker、Kubernetes、DevOps、持续交付、ServiceMesh等也都在关注、支持和跟随微服务架构的发展。今天咱们就为大家推荐一本学习微服务架构进阶的秘籍,将会系统性地介绍微服务架构:包括微服务架构是如何演进的,微服务架构的主要流派,当前主流的云原生应用与微服务之间的关系等。下面就跟着小编一起来一探究竟吧~~~本书特点本书在介绍Spring

    2022年6月21日
    58

发表回复

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

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