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)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • 常用的web前端开发工具有哪些_web前端开发软件工具

    常用的web前端开发工具有哪些_web前端开发软件工具在建设网页时,为了快速、高效地完成任务,通常会使用一些具有代码高亮显示、语法提示等便捷功能的前端开发工具。常用的web前端开发工具有Dreamweaver、Sublime、HBuilder等,具体介绍如下。1、DreamweaverDreamweaver简称DW(中文译为“梦想编织者”),是美国MACROMEDIA公司开发的集网页制作和网站管理于一身的“所见即所得”网页编辑器,2005年被Adobe公司收购。Dw是第一套针对非专业网站建设人员的视觉化网页开发工具,利用它可以轻而易举地制作网页。2、Su

    2022年8月31日
    5
  • CSS弹性盒子布局flex

    CSS弹性盒子布局flexflex 布局 flex 布局是继标准流布局 浮动布局 定位布局后的第四种布局方式 这种方式可以非常优雅的实现子元素居中或均匀分布 甚至可以随着窗口缩放自动适应 flex 布局在浏览器中存在一定的兼容性 具体参考 https developer mozilla org zh CN docs Web CSS CSS Flexible Box Layout Using CSS flexible box

    2025年10月29日
    3
  • “Word在试图打开文件时遇到错误。请尝试下列方法:* 检查文档或驱动器的文件权限。* 确保有足够的内存和磁盘空间。* 用文件恢复转换器打开文件。”问题!…[通俗易懂]

    “Word在试图打开文件时遇到错误。请尝试下列方法:* 检查文档或驱动器的文件权限。* 确保有足够的内存和磁盘空间。* 用文件恢复转换器打开文件。”问题!…[通俗易懂]Word在试图打开文件时遇到错误。请尝试下列方法:*检查文档或驱动器的文件权限。*确保有足够的内存和磁盘空间。*用文件恢复转换器打开文件。如下图:让同事在他们自己电脑上,都是可以打开的,就我的电脑不能打开,网上搜索了一系列方法,如改后缀名、用word工具修复、下载office补丁安装都不能解决。后面无意中找到的解决方法,与有类似经历…

    2022年5月13日
    131
  • js有序数组合并_js array map

    js有序数组合并_js array mapjavascript实现有序map

    2022年9月23日
    2
  • python3.8安装scrapy_python为什么叫爬虫

    python3.8安装scrapy_python为什么叫爬虫安装Scrapy与安装其他Python包没有区别,同样使用如下命令来安装:pipinstallscrapy如果在命令行窗口中运行该命令,将会看到程序并不立即下载、安装Scrapy,而是不断地下载大量第三方包。如果在命令行窗口中提示找不到pip命令,则也可以通过python命令运行pip模块来安装Scrapy,例如python-mpipinstallscrapy…

    2022年9月18日
    2
  • Calendar类_java calendar

    Calendar类_java calendarCalendar类简介Calendar是javautil包下的一个工具类,提供了很方便的不同日期格式的处理。啥也不说了,直接撸代码:publicstaticvoidmain(String[]args){System.out.println(“————Calendar无参构造————“);//Cal…

    2022年9月24日
    2

发表回复

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

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