CSS鼠标样式(cursor)

CSS cursor 属性值

属性值示意图描述
auto默认值,由浏览器根据当前上下文确定要显示的光标样式
default

default

默认光标,不考虑上下文,通常是一个箭头
none不显示光标
initial将此属性设置为其默认值
inherit从父元素基础 cursor 属性的值
context-menu

context-menu

表示上下文菜单可用
help

help

表示有帮助
pointer

pointer

表示一个链接
progress

progress

进度指示器,表示程序正在执行一些处理,但是您仍然可以在该界面进行一些操作(与 wait 不同)
wait

wait

表示程序繁忙,您应该等待程序指向完成
cell

cell

表示可以选择一个单元格(或一组单元格)
crosshair

crosshair

一个简单的十字准线
text

text

表示可以选择的文本
vertical-text

vertical-text

表示可以选择的垂直文本
alias

alias

表示要创建别名或快捷方式
copy

copy

表示可以复制某些内容
move

move

表示可以移动鼠标下方的对象
no-drop

no-drop

表示所拖动的项目不能放置在当前位置
not-allowed

not-allowed

表示无法完成某事
all-scroll

all-scroll

表示对象可以沿任何方向滚动(平移)
col-resize

col-resize

表示可以水平调整列的大小
row-resize

row-resize

表示可以垂直调整行的大小
n-resize

n-resize

表示对象的边缘可以向上(向北)移动
e-resize

e-resize

表示对象的边缘可以向右(向东)移动
s-resize

s-resize

表示对象的边缘可以向下(向南)移动
w-resize

w-resize

表示对象的边缘可以向左(向西)移动
ne-resize

ne-resize

表示对象的边缘可以向上和向右(北/东)移动
nw-resize

nw-resize

表示对象的边缘可以向上和向左(北/西)移动
se-resize

se-resize

表示对象的边缘可以向下和向右(向南/向东)移动
sw-resize

sw-resize

表示对象的边缘可以向下和向左(南/西)移动
ew-resize

ew-resize

表示可以双向调整对象大小的光标
ns-resize

ns-resize

nesw-resize

nesw-resize

nwse-resize

nwse-resize

zoom-in

zoom-in

表示可以放大某些内容
zoom-out

zoom-out

表示可以缩小某些内容
grab

grab

表示可以抓取(拖动)某些东西
grabbing

grabbing

表示已经抓取到某些东西
url("") 自定义光标的样式,括号中的内容为光标图像的源文件路径

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/12005.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

微信小程序中使用echarts方法

小程序中使用echarts echarts是一个基于JS的数据可视化图标库,它提供了直观,生动,可交互,可个性定制的数据可视化图表。一般在vue中会使用到,并且官网也详细的说明了如何在vue中使用,但是今天我想来探讨的…

vue-echarts配置项详解

起因 最近接手了一个vue3项目,echarts用的是"vue-echarts": “^6.0.0”,每次查看文档的时候痛苦不已,找一个配置要花费大量时间,所以这篇文章,主要就是为了记录比较常见的一些配置。 主要会写三种图的配置…

SAP财务系统中的“增值税”

1. 前言 在前一篇博客《SAP财务系统中的“复式记账法”》中,介绍了复式记账的基本原理,同时给出了在采购和销售流程中常见的记账科目,但也遗留了一些知识点,例如增值税等概念。 在本篇博客中,我们将覆盖这些知识点&a…

二、SQL-5.DQL-8).案例练习

1、查询年龄为20,21,22,23岁的员工信息 select * from emp where age in(20, 21, 22, 23) and gender 女; 2、查询性别为男,并且年龄在20-40岁(含)以内的姓名为三个字的员工 select * from emp where gender 男 && age between 2…

如何进行SQL优化

一、SQL优化的主要步骤 在应用的的开发过程中,由于初期数据量小,开发人员写 SQL 语句时更重视功能上的实现,但是当应用系统正式上线后,随着生产数据量的急剧增长,很多 SQL 语句开始逐渐显露出性能问题,对生…

Electron 学习_BrowserWindow

BrowserWindow创建并控制浏览器窗口(主进程) 条件:在 app 模块 emitted ready 事件之前,您不能使用此模块。 1.在加载页面时,渲染进程第一次完成绘制时,如果窗口还没有被显示,渲染进程会发出 ready-to-show 事件 。 在…

广德上汽通用汽车平行试车场

技术栈:使用vue2JavaScriptElement UIvuexaxioscesium 项目描述:广德上汽通用汽车平行试车场是依托千寻孪界开发的一套展示实时车辆位置同步展示光照,时间,阴影等特效,完成平行时空效果的一款软件。 工作内容&#xff…

在线阅读版:《2023中国软件供应链安全分析报告》全文

聚焦源代码安全,网罗国内外最新资讯! 专栏供应链安全 数字化时代,软件无处不在。软件如同社会中的“虚拟人”,已经成为支撑社会正常运转的最基本元素之一,软件的安全性问题也正在成为当今社会的根本性、基础性问题。 随…

Istio Pilot源码学习(二):ServiceController服务发现

本文基于Istio 1.18.0版本进行源码学习 4、服务发现:ServiceController ServiceController是服务发现的核心模块,主要功能是监听底层平台的服务注册中心,将平台服务模型转换成Istio服务模型并缓存;同时根据服务的变化&#xff0c…

【LS科技芯团队成立】基础研究是科学之本、技术之源、创新之魂

目录 LS科技芯团队简介 团队创建人 成立本团队的核心目的 来自各个省份的大佬专家们 加入LS科技芯团队吧! LS科技芯团队简介 “LS科技芯”团队于2023年7月25日下午成立。汇聚了来自各个省份的技术博主,涵盖了电子技术,程序设计,…

【云原生】Docker镜像的创建,Dockerfile

一、Docker镜像的创建 创建镜像有三种方法,分别为【基于已有镜像创建】、【基于本地模板创建】以及【基于Dockerfile创建】。 1.基于现有镜像创建 (1)首先启动一个镜像,在容器里做修改docker run -it --name web centos:7 /bin/…

财报解读:谷歌成功绝地反击?厮杀尚未真正开始!

在经历了一轮激烈的攻防战之后,谷歌、微软同一天发布了财报,从数据来看,谷歌成功抵御了微软携OpenAI发起的挑战,业绩表现全面超预期,而微软的业绩虽然整体也超预期,但相比其四面出击的高调则黯淡了许多。 巨…

stable diffusion如何确保每张图的面部一致?

可以使用roop插件,确定好脸部图片后,使用roop固定,然后生成的所有图片都使用同一张脸。 这款插件的功能简单粗暴:一键换脸。 如图所示: 任意上传一张脸部清晰的图片,点击启用。 在其他提示词不变的情况下…

Spring核心概念、IoC和DI的认识、Spring中bean的配置及实例化、bean的生命周期

初始Spring 一、Spring核心概念1.1IoC(Inversion of Contral):控制反转1.2IoC代码实现1.2DI代码实现 二、bean的相关操作2.1bean的配置2.1.1bean的基础配置2.1.2bean的别名配置2.1.3bean的作用范围配置 2.2bean的实例化 - - 构造方法2.3bean的实例化 - - 实例工厂与…

python基础

变量和简单的数据类型 变量 变量的命名规则: 1、只能包含字母、数字和下划线,并且不能以数字开头 2、变量名中不能是python中的保留字 字符串 字符串的几种定义方法 name Bob name "Bob" name """Bob"""…

Excel录制宏批处理:避免重复工作,轻松提升效率

在处理大量数据时,我们常常需要进行一些重复且繁琐的操作,这不仅费时费力,还容易出错。而Excel的录制宏批处理功能可以帮助我们避免这些重复的工作,提高工作效率。本文将为您介绍如何使用Excel的录制宏批处理功能,让您…

web APIs-练习一

轮播图点击切换&#xff1a; <!DOCTYPE html> <html lang"en"><head><meta charset"UTF-8" /><meta http-equiv"X-UA-Compatible" content"IEedge" /><meta name"viewport" content"…

数据结构:线索二叉树

线索二叉树 通过前面对二叉树的学习&#xff0c;了解到二叉树本身是一种非线性结构&#xff0c;采用任何一种遍历二叉树的方法&#xff0c;都可以得到树中所有结点的一个线性序列。在这个序列中&#xff0c;除第一个结点外&#xff0c;每个结点都有自己的直接前趋&#xff1b;…

记录Selenium自动化测试过程中接口的调用信息

上一篇博客&#xff0c;我写了python自动化框架的一些知识和粗浅的看法&#xff0c;在上一篇中我也给自己提出一个需求&#xff1a;如果记录在测试过程中接口的调用情况&#xff1f;提出这个需求&#xff0c;我觉得是有意义的。你在测试过程中肯定会遇到一些莫名其妙的问题&…

【JAVA】 String 类简述笔记

个人主页&#xff1a;【&#x1f60a;个人主页】 系列专栏&#xff1a;【❤️初识JAVA】 文章目录 前言String类创建一个String类 常用方法字符串长度 length() 方法连接字符串 concat() 方法创建格式化字符串 format()功能 前言 string是C、java、VB等编程语言中的字符串&…