CSS 改变鼠标样式(大全)[通俗易懂]

CSS 改变鼠标样式(大全)[通俗易懂]前端经常会用到改变鼠标的样式来达到更好的页面效果,比如经常会使用到改变成小手,拖拽时改变成移动拖拽的鼠标样式,可每次都需要查阅资料来完成代码,在此做下详细总结:使用方法:<spanstyle=”cursor:auto”>Auto</span><spanstyle=”cursor:crosshair”>Crosshair</span><spanstyle=”cursor:default”>Default&..

大家好,又见面了,我是你们的朋友全栈君。

在这里插入图片描述

前端经常会用到改变鼠标的样式来达到更好的页面效果,比如经常会使用到改变成小手,拖拽时改变成移动拖拽的鼠标样式,可每次都需要查阅资料来完成代码,在此做下详细总结:

在这里插入图片描述

使用方法:

    <span style="cursor:auto">Auto</span>
    <span style="cursor:crosshair">Crosshair</span>
    <span style="cursor:default">Default</span>
    <span style="cursor:pointer">Pointer</span>
    <span style="cursor:move">Move</span>
    <span style="cursor:e-resize">e-resize</span>
    <span style="cursor:ne-resize">ne-resize</span>
    <span style="cursor:nw-resize">nw-resize</span>
    <span style="cursor:n-resize">n-resize</span>
    <span style="cursor:se-resize">se-resize</span>
    <span style="cursor:sw-resize">sw-resize</span>
    <span style="cursor:s-resize">s-resize</span>
    <span style="cursor:w-resize">w-resize</span>
    <span style="cursor:text">text</span>
    <span style="cursor:wait">wait</span>
    <span style="cursor:help">help</span>

在这里插入图片描述
在这里插入图片描述

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

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/138403.html原文链接:https://javaforall.net

(0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • mirna预测靶基因结果怎么看_基因预测

    mirna预测靶基因结果怎么看_基因预测上一篇《动物miRNA靶基因预测方法(一)——软件安装》介绍了4种靶基因预测软件的下载与安装,本篇则介绍每个软件的使用说明。事实上,软件的使用是很简单的,只要准备好miRNA和mRNA的序列数据,运行一两条命令就可获得预测结果,难就难在数据的准备,往往你的数据并符合软件运行的格式,所以这里会更多的介绍如何获得各软件的数据格式。1、miRanda的使用阅读说明文档README这里提取一…

    2025年7月16日
    5
  • java一种集合_java创建集合

    java一种集合_java创建集合深入浅出学Java——HashMap哈希表(hashtable)也叫散列表,是一种非常重要的数据结构,应用场景及其丰富,许多缓存技术(比如memcached)的核心其实就是在内存中维护一张大的哈希表,本文会对java集合框架中的对应实现HashMap的实现原理进行讲解,然后会对JDK7的HashMap源码进行分析。一、什么是哈希表在讨论哈希表之前,我们先大概了解下其他数据结构在新增,…

    2025年10月23日
    3
  • ringbuffer原理_git stash pop冲突

    ringbuffer原理_git stash pop冲突例子:ringbuffer.c实现#include<stdlib.h>#include<stdio.h>#include<string.h>#include”ringbuffer.h”voidringbuffer_init(structringbuffer*rb,uint8_t*pool,int16_tsize){if(rb==NULL){return;}rb-&g

    2025年9月1日
    5
  • python数据结构和算法(题目NFA转化DFA算法实现)

    一、什么是DFA算法DFA全称为:DeterministicFiniteAutomaton,即确定有穷自动机。其特征为:有一个有限状态集合和一些从一个状态通向另一个状态的边,每条边上标记有一个符号,其中一个状态是初态,某些状态是终态。但不同于不确定的有限自动机,DFA中不会有从同一状态出发的两条边标志有相同的符号。其实对于DFA算法的定义还是有点抽象,下面的图文并茂或许会对你有帮助!词库的…

    2022年4月17日
    52
  • mysql innodb 索引使用指南「建议收藏」

    mysql innodb 索引使用指南「建议收藏」mysql innodb 索引使用指南

    2022年4月21日
    48
  • linux卸载eclipse,ubuntu卸载eclipse[通俗易懂]

    linux卸载eclipse,ubuntu卸载eclipse[通俗易懂]1.安装JDK6先确认已经添加了软件源,在系统-系统管理-软件源-其它软件,确保已经选中http://archive.canonical.com/ubuntulucidpartner这个源。sudoapt-getinstallsun-java6-jdk设置系统环境变量exportJAVA_HOME=/usr/lib/jvm/java-6-sun(根据具体的安装路径)expor…

    2022年5月29日
    59

发表回复

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

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