HTML CSS 鼠标样式效果[通俗易懂]

HTML CSS 鼠标样式效果[通俗易懂]HTML/CSS/JS目录:https://blog.csdn.net/dkbnull/article/details/87934939 <divstyle="cursor:hand">鼠标手型效果</div><divstyle="cursor:pointer">鼠标手型效果</div><!–pointer兼容性比较好

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

HTML/CSS/JS 目录:https://blog.csdn.net/dkbnull/article/details/87934939

 

<div style="cursor:hand">鼠标手型效果</div>
<div style="cursor:pointer">鼠标手型效果</div>
<!-- pointer 兼容性比较好 -->
<br>
<div style="cursor:auto">鼠标由系统自动给出效果</div>
<br>
<div style="cursor:crosshair">鼠标十字型效果</div>
<br>
<div style="cursor:text">鼠标I字形效果(输入状态效果)</div>
<br>
<div style="cursor:wait">鼠标等待效果</div>
<br>
<div style="cursor:default">鼠标默认效果</div>
<br>
<div style="cursor:e-resize">鼠标左右箭头效果</div>
<br>
<div style="cursor:w-resize">鼠标左右箭头效果</div>
<br>
<div style="cursor:n-resize">鼠标上下箭头效果</div>
<br>
<div style="cursor:s-resize">鼠标上下箭头效果</div>
<br>
<div style="cursor:ne-resize">鼠标斜右上箭头效果</div>
<br>
<div style="cursor:nw-resize">鼠标斜左上箭头效果</div>
<br>
<div style="cursor:sw-resize">鼠标斜左下箭头效果</div>
<br>
<div style="cursor:se-resize">鼠标斜右下箭头效果</div>

 

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

发布者:全栈程序员-用户IM,转载请注明出处:https://javaforall.cn/138433.html原文链接:https://javaforall.cn

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

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

(0)


相关推荐

  • ES6中的模板字符串改变html_vue事件绑定修饰符

    ES6中的模板字符串改变html_vue事件绑定修饰符step1:模板字符传中写法renderDom(){return`<divdata-action=”goDetail”data-url=”${item.clickUrl}”class=”uliao-news-item”><h1>${item.title}</h1>&…

  • Echarts折线图案例

    Echarts折线图案例问题:重置echarts折线图时,总会出现多个数据的拐点,与实际渲染的数据拐点不符合。解决:在实例化echarts后clear上一次的图。myEcharts.clear()案例constoption={//触摸echarts图的提示内容tooltip:{//是否显示提示框show:true,//触发类型://’item’:主要在散点图,饼图等无类目轴的图表中使用

  • tensorflow模块安装

    tensorflow模块安装

    2021年11月19日
  • NSGA2算法中文详解与MATLAB实现整理「建议收藏」

    NSGA2算法中文详解与MATLAB实现整理「建议收藏」NSGA2算法NSGA-II多目标遗传算法概述http://www.omegaxyz.com/2017/04/14/nsga-iiintro/NSGA2算法MATLAB实现(能够自定义优化函数)http://www.omegaxyz.com/2018/01/22/new_nsga2/NSGA2算法特征选择MATLAB实现(多目标)http://www.omegaxyz.co…

  • jsonp跨域原理解析

    jsonp跨域原理解析背景:由于浏览器同源策略的限制,非同源下的请求,都会产生跨域问题,jsonp即是为了解决这个问题出现的一种简便解决方案。同源策略即:同一协议,同一域名,同一端口号。当其中一个不满足时,我们的请求即会发生跨域问题。举个简单的例子:http://www.abc.com:3000到https://www.abc.com:3000的请求会出现跨域(域名、端口相同但协议不同) http:/…

  • 大数据到底应该如何学?

    大数据到底应该如何学?本文关键字:大数据专业、大数据方向、大数据开发、大数据分析、学习路线。笔者从事大数据开发和培训多年,曾为多家机构优化完整大数据课程体系,也为多所高校设计并实施大数据专业培养方案,并进行过多次大数据师资培训、高校骨干教师学习交流,希望自己的一点粗浅认识能够帮助到大家。

发表回复

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

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