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/138232.html原文链接:https://javaforall.cn

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

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

(0)


相关推荐

  • 80c51单片机简介_80c51单片机内部结构的组成

    80c51单片机简介_80c51单片机内部结构的组成80C51单片机属于MCS-51系列单片机,由Intel公司开发,其结构是8048的延伸,改进了8048的缺点。增加了如乘(MUL)、除(DIV)、减(SUBB)、比较(CMP)、16位数据指针、布

  • Latex 希腊字母大写[通俗易懂]

    Latex 希腊字母大写[通俗易懂]大写小写LaTeX大写大写LaTeX$A\quad\alpha$A\alphaNνN\quad\nuNνN\nuBβB\quad\betaBβB\betaΞξ\Xi\quad\xiΞξ\Xi\xiΓγ\Gamma\quad\gammaΓγ\Gamma\gammaOoO\quadoOoOoΔδ\Delta\quad\deltaΔδ\Delta\deltaΠπ\Pi\quad\piΠπ\Pi\p…

    2022年10月13日
  • 判断一个数是否为素数(质数) c语言[通俗易懂]

    质数又称素数。一个大于1的自然数,除了1和它自身外,不能被其他自然数整除的数叫做质数。最小的质数是2,它也是唯一的偶数质数。原理:number只需被(2~根号下number)之间的每一个整数去除就可以了(包括根号下number这个数)。如果nummber不能被(2~根号下number)间任一整数整除,number必定是素数#include”stdio.h”#include”math.h”main(){ intnumber,i,n; printf(“请输入一个正整数:

  • 霍尔传感器测速代码_arduino直流电机调速

    霍尔传感器测速代码_arduino直流电机调速标题本人目前是一个大一菜鸟,零基础学的编码器方面,希望我的经验对你有些帮助。分享一下霍尔编码器电机的使用与测速,我用的是25GA-310直流减速电机带霍尔传感器。先来看一下最基本的接线方法————-S1与S2连接单片机上的S(我这里用的2号和3号,是中断引脚);——G与V连接单片机上的G与V(对着接就行);——VM与GM接航模电池的正极与负极;测速…

  • SpringBoot2+Netty+WebSocket(netty实现websocket,支持URL参数)

    SpringBoot2+Netty+WebSocket(netty实现websocket,支持URL参数)关于NettyNetty是一个利用Java的高级网络的能力,隐藏其背后的复杂性而提供一个易于使用的API的客户端/服务器框架。MAVEN依赖 <dependencies> <!–https://mvnrepository.com/artifact/io.netty/netty-all–> <dependency> <g…

  • 中科院计算机生物学,中科院计算生物学重点实验室揭牌[通俗易懂]

    中科院计算机生物学,中科院计算生物学重点实验室揭牌[通俗易懂]德国马普学会副主席HerbertJaeckle和中科院副院长李家洋共同为重点实验室揭牌3月29日下午,中科院计算生物学重点实验室在上海生科院计算生物学所正式揭牌。德国马普学会副主席HerbertJaeckle教授、德国马普学会分子植物生理所所长LotharWillmitzer教授、中科院副院长李家洋院士、中科院生命科学与生物技术局局长张知彬研究员、国际合作局局长吕永龙研究员,上海生科院副院长…

发表回复

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

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