css 手型 没生效,css各种手型集合(css禁止手型)(示例代码)
写这篇博客前不得不先吐槽下国内的技术性文章现状;
1:在国内真心缺少技术性的文章;
2:用百度搜技术性的文章真心不靠谱;
好吧;正题;下面是在国外搜刮来的;比较齐全的鼠标手型css;在国内的网站上是搜不到这么全的;比如说哪个禁止的手型;
鼠标往下移动即可看到效果;
html代码如下:
Cursors
css代码如下:
@import "compass/css3";
.auto { cursor: auto; }
.deafult { cursor: default; }
.none { cursor: none; }
.context-menu { cursor: context-menu; }
.help { cursor: help; }
.pointer { cursor: pointer; }
.progress { cursor: progress; }
.wait { cursor: wait; }
.cell { cursor: cell; }
.crosshair { cursor: crosshair; }
.text { cursor: text; }
.vertical-text { cursor: vertical-text; }
.alias { cursor: alias; }
.copy { cursor: copy; }
.move { cursor: move; }
.no-drop { cursor: no-drop; }
.not-allowed { cursor: not-allowed; }
.all-scroll { cursor: all-scroll; }
.col-resize { cursor: col-resize; }
.row-resize { cursor: row-resize; }
.n-resize { cursor: n-resize; }
.e-resize { cursor: e-resize; }
.s-resize { cursor: s-resize; }
.w-resize { cursor: w-resize; }
.ns-resize { cursor: ns-resize; }
.ew-resize { cursor: ew-resize; }
.ne-resize { cursor: ne-resize; }
.nw-resize { cursor: nw-resize; }
.se-resize { cursor: se-resize; }
.sw-resize { cursor: sw-resize; }
.nesw-resize { cursor: nesw-resize; }
.nwse-resize { cursor: nwse-resize; }
.cursors > div {
float: left;
box-sizing: border-box;
width: 20%;
padding: 10px 2px;
text-align: center;
white-space: nowrap;
&:nth-child(even) {
background: #eee;
}
&:hover {
opacity: 0.25
}
}
css 手型 没生效,css各种手型集合(css禁止手型)(示例代码)相关推荐
- 第七节 Html字体样式,HTML学习笔记 CSS文本及字体及连接及列表 第七节 (原创)(示例代码)...
文本及字体及连接及列表 hello tzy 静夜思 床前明月光 疑是地上霜 床前明月光 疑是地上霜 this is web page This is wEb pAge tHis is wEb page ...
- css手型指针_前端基础面试题(HTML+CSS部分)
1.行内元素和块级元素?img算什么?行内元素怎么转化为块级元素? 行内元素:和有他元素都在一行上,高度.行高及外边距和内边距都不可改变,文字图片的宽度不可改变,只能容纳文本或者其他行内元素:其中im ...
- jquery 手型 鼠标穿过时_css各种手型集合(css禁止手型)-Fun言
写这篇博客前不得不先吐槽下国内的技术性文章现状: 1:在国内真心缺少技术性的文章: 2:用百度搜技术性的文章真心不靠谱: 好吧:正题: 下面是在国外搜刮来的: 比较齐全的鼠标手型css 在国内的网站上 ...
- 手型显示html,css各种手型集合(css禁止手型)
html> css各种手型集合(css禁止手型) .auto { cursor: auto; } .deafult { cursor: default; } ...
- CSS diaplay=“grid“未生效与display:block
1.CSS grid可以通过嵌套生成更灵活的页面布局. 参考博客值得收藏的css grid构建复杂布局的小技巧!中代码示例 <p class="container">& ...
- 联想小新15计算机在哪里,买定离手 后悔没处走?—联想小新15 2020 极简测试
买定离手 后悔没处走?-联想小新15 2020 极简测试 2020-11-18 11:23:39 4点赞 5收藏 1评论 今年的双11果不其然的,在笔记本品类里,联想又是销售额第一,这是第多少次第一了 ...
- elementui 自定义样式没生效
elementui 自定义样式没生效 例如有一个tab <el-aside width="320px" class="meeting-setting-tabs&qu ...
- CSS第六天-高级技巧(元素隐藏、精灵图、CSS用户界面样式、margi负值作用、CSS三角形)
ps 今天这是html和css初级部分的最后一份文章了,下次发的就是HTML5和CSS3的一些基础知识.越学到后面,感觉越有意思.到后面可以自己去尝试做一些比较炫酷的动画了,还是蛮期待的. CSS高级 ...
- css与mdx,mdx、mdd及css三者关系以及欧路中应如何安装css
最近,在我的贴子里有部分新手问css如何使用.受此影响,我便写了这篇[新人须知].7 o. N0 A1 T1 x6 T" k' `" a 首先,分别解释一下三个文件. mdx,词库 ...
最新文章
- android6.0进入Material Design时代
- RHEL5.3下搭建SSH
- 统一代码段与非一致代码段
- zoj 1670 Jewels from Heaven
- mysql空间释放_linux 空间释放,mysql数据库空间释放
- 【网络编程】之三、socket网络编程
- redis aof 备份和恢复_Redis 持久化机制的介绍,了解这些流程很重要
- Nokia的北美困局
- 子类构造器Constructor是否可被Override(重写)
- 删除xenserver的iso库
- CSS webkit
- android学习之ListView如何使用
- 架构一个可承受千万级访问量的动态扩展CMS
- W801单片机学习笔记——内部结构,总线架构篇
- SVN多项目共享导出及故障处理
- R/ggplot2保存图片中文字体至PDF——showtext包一文清除所有障碍
- 计算机思维是运用计算机科学的什么,计算思维是运用计算机科学的基础概念进行问题求解、系统设计以及人类行为理解等涵盖计算机科学之广度的一系列计算机的思维活动。...
- 产品升级|1-2月合刊:多款重磅产品来袭!
- 实验项目三:基于A*搜索算法迷宫游戏开发
- Biopython操作DNA,RNA和蛋白质序列
热门文章
- 芯片短缺:今年圣诞节PS5货量恐不足
- python 死循环捕捉输入异常
- BCD码和ASCII码的相互转换
- npm run build: rimraf: command not found
- ktt算法 约化_答:那些深度学习《面试》你可能需要知道的
- python定义一个dog类 类属性有名字_66-分析一下Dog类这个例子-构造函数和属性
- 公众平台 python_微信公众平台SDK Python
- JAVA程序员的堕落:只知框架不懂底层原理
- bailian.openjudge 2712:细菌繁殖
- 牛客练习赛50 F 	tokitsukaze and Another Protoss and Zerg(分治NTT)