比较齐全的鼠标手型css

在国内的网站上是没搜到这么全的

比如说哪个禁止的手型;

鼠标往下移动即可看到效果;

html代码如下:

Cursors

auto
default
none
context-menu
help
pointer
progress
wait
cell
crosshair
text
vertical-text
alias
copy
move
no-drop
not-allowed
all-scroll
col-resize
row-resize
n-resize
s-resize
e-resize
w-resize
ns-resize
ew-resize
ne-resize
nw-resize
se-resize
sw-resize
nesw-resize
nwse-resize

@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各种鼠标手型集合相关推荐

  1. css中outline,css中outline的解析(附示例)

    本篇文章给大家带来的内容是关于css中outline的解析(附示例),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助. 在css改变单选框颜色的方法实现中我们要模拟原生单选框通过Tab键 ...

  2. css中list_position,css中list-style-position属性的使用方法

    css中list-style-position属性的使用方法 发布时间:2020-09-24 11:07:10 来源:亿速云 阅读:68 作者:小新 这篇文章给大家分享的是有关css中list-sty ...

  3. css中aspect,css扩展之aspect-ratio(纵横比)

    以后界面基本框架不再每次提供,直接提供官方html和css实现代码,后面再做仔细研究 ul.picture-list { flow:h-flow; padding:0; border-spacing: ...

  4. web表格在css中属性,CSS属性之表格(Table)_html/css_WEB-ITnose

    HTML为表格定义了3个元素用于对行进行分组,它们是 thead (表头).tbody (表格主体).tfoot (脚注). 在HTML4中文档结构中的 tfoot 必须出现在 tbody之前,HTM ...

  5. css中aspect,css 媒体查询 aspect-ratio less 使用方法

    // 宽高比在((320/50)+(728/90))/2 两个尺寸中间值以内 适配 320*50 设计图样式 @media screen and (min-aspect-ratio: ~"2 ...

  6. CSS中的id选择器和class选择器简单介绍

    <!-- CSS中选择器 CSS有两种选择器id和class,总之如果说你想在HTML元素中设置CSS属性, 你要在元素中设置id和class选择器.那么我们现在来一个一个的介绍这两中选择器 i ...

  7. js改变css样式_React 中使用CSS的7种方法

    来源 | https://www.jianshu.com/p/74aa74484579 第一种: 在组件中直接使用style 不需要组件从外部引入css文件,直接在组件中书写. import Reac ...

  8. style 放入css文件失效_React中使用CSS的7种方式

    来源 | http://www.fly63.com/article/detial/1961 1.在组件中直接使用style 不需要组件从外部约会css文件,直接在组件中书写. import react ...

  9. css中变量_CSS中的变量

    css中变量 CSS | 变数 (CSS | Variables) CSS variables allow you to create reusable values that can be used ...

  10. ASP.NET在主题中添加CSS文件

    ASP.NET在主题中添加CSS文件 在ASP.NET中,可以使用CSS来控制页面上HTML元素和ASP.NET控件的皮肤.如果在主题文件夹中添加了CSS文件,则在页面应用主题时也会自动应用CSS. ...

最新文章

  1. 【C 语言】文件操作 ( C 语言中的文件操作函数 | 磁盘与内存缓冲区 | 缓冲区工作机制 )
  2. C++设计模式--抽象工厂模式
  3. 【Java进阶】Spring Boot集成ES
  4. 微信小程序 小程序登陆功能
  5. 在linux系统中查看组管理信息命令,Linux用户和组管理常用命令
  6. codesmith 模板
  7. java回调函数(全干货)
  8. python常见的控制流结构有_【Python】控制流语句、函数、模块、数据结构
  9. winfrom datagridview中DataGridViewTextBoxColumn的联动处理
  10. Spring MVC中ModelAndView
  11. Android Gradle plugin requires Java 11 问题解决
  12. AsposeWord转pdf的正确姿势
  13. android TV for x86,“掌上TV”的第一步,Android TV x86 体验分享
  14. Centos如何设置ip黑名单,防止被攻击
  15. [益智]:猴子搬香蕉
  16. 22考研杭师管理科学与工程专业368分经验贴(Python141+政治80+日语71,含数政专书籍与免费课程资源推荐)
  17. Speedoffice(excel)如何快捷隐藏表格内所有空行
  18. 中测康苑——企业文化
  19. 基于JAVA动漫网站和特效处理系统(Springboot框架+AI人工智能) 开题报告
  20. 网络营销 10.26

热门文章

  1. Reverse Engineering the NC ECU (revisited) -- SH7508
  2. 创建区块计算次数_区块链计算的四个阶段
  3. w ndows10怎么没体验指数,Win10如何使用WinSAT测试Windows体验指数?
  4. win10系统ipv6服务器地址,win10系统查看电脑ipv6地址的操作方法
  5. ICCV 2021 | OPPO提出室内环境自监督深度估计算法,比肩“有监督”,泛化性能更佳!...
  6. Vue.js 组件 - 组件间的循环引用
  7. 在quartus II15.0中调用Modelsim进行时序仿真时出现Rerun the EDA Netlist Writer的原因
  8. 卷积神经网络超详细介绍
  9. 【云计算服务平台调研】阿里云、腾讯云、华为云对比
  10. Linux系统备份系统还原