CSS 改变鼠标样式(大全)[通俗易懂]
CSS 通俗易懂 改变 大全 样式 鼠标
2023-06-13 09:11:55 时间
大家好,又见面了,我是你们的朋友全栈君。
前端经常会用到改变鼠标的样式来达到更好的页面效果,比如经常会使用到改变成小手,拖拽时改变成移动拖拽的鼠标样式,可每次都需要查阅资料来完成代码,在此做下详细总结:
使用方法:
<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.cn/138403.html原文链接:https://javaforall.cn
相关文章
- HTML CSS 鼠标样式效果[通俗易懂]
- HTML+CSS实现导航条及下拉菜单[通俗易懂]
- html导航栏自动调间距,HTML CSS导航栏间距[通俗易懂]
- css opacity属性_CSS中的opacity属性[通俗易懂]
- 怎么创建css样式表,怎样创建可反复使用的外部CSS样式表?[通俗易懂]
- 再来利用java学学javaweb——–html+css+ JavaScript[通俗易懂]
- html css animate,animate.css
- CSS的四种基本选择器和四种高级选择器[通俗易懂]
- CSS笔记(22)
- css选择器有哪些?[通俗易懂]
- 使用html css实现180箭头旋转,纯CSS实现箭头旋转「建议收藏」
- CSS将整站网页变成黑白色调,致敬英雄!(2020年4月4日全国哀悼日)
- 前端JS、CSS版本控制
- 【CSS】CSS 背景设置 ⑨ ( 背景半透明设置 )
- 【CSS】盒子模型内边距 ① ( 内边距概念 | 内边距设置语法 | 内边距设置效果 | 代码示例 )
- css三大特性
- HTML5移动端通用css详解编程语言
- The Shapes of CSS(css的形状)详解编程语言
- CSS 使用
- CSS连接MySQL构建可视化Web应用(css连接mysql)
- CSS如何影响MySQL的使用(css影响MySQL)
- div+css布局入门
- CSS网页布局入门教程13:下拉及多级弹出式菜单
- jsp页面中插入css样式的三种方法总结