所有的cursor图标

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Document</title>

    <style type="text/css">

    .div1{

        width:100px;

        height:100px;

        float:left;

        margin-right:20px;

        border:1px solid silver;

        margin-top:20px;

    }

    </style>

</head>

<body>

<div class="div1" style="cursor:auto;">1</div>

<div class="div1" style="cursor:default;">2</div>

<div class="div1" style="cursor:pointer;">3</div>

<div class="div1" style="cursor:crosshair;">4</div>

<div class="div1" style="cursor:move;">5</div>

<div class="div1" style="cursor:e-resize;">6</div>

<div class="div1" style="cursor:ne-resize;">7</div>

<div class="div1" style="cursor:nw-resize;">8</div>

<div class="div1" style="cursor:n-resize;">9</div>

<div class="div1" style="cursor:se-resize;">10</div>

<div class="div1" style="cursor:sw-resize;">11</div>

<div class="div1" style="cursor:s-resize;">12</div>

<div class="div1" style="cursor:w-resize;">13</div>

<div class="div1" style="cursor:text;">14</div>

<div class="div1" style="cursor:wait;">15</div>

<div class="div1" style="cursor:help;">16</div>

<div class="div1" style="cursor:progress;">17</div>

</body>

</html>

Document

所有的cursor图标的更多相关文章

cursor图标自定义
cursor: url(./images/favicon.ico), auto; 首先auto必须加上,其次必须使用ico文件,目前来说ico文件没有兼容性问题,ico格式怎么转? 传送门:http: ...
【Unity】3.6 导入图片资源
分类:Unity.C#.VS2015 创建日期:2016-04-05 一.简介 Unity支持的图像文件格式非常多,包括TIF.PSD.TCA.JPC.PNG.GlF.BMP.IFF.PICT.DDS ...
【转载】Notepad++源码分析
在网上发现了一个哥们写了关于Notepad++源码的文章,不过就写了一就没有了,我就接着他的工作再说说吧! 大三了,也写了一点儿程序了,但是如果只是按照自己的思路写下去恐怕难以提高,于是准备开始阅读一 ...
使用自定义的鼠标图标 --- cursor url
前段时间在项目中遇到过自定义鼠标图标这一需求.由于一般我们用的鼠标样式大都是固定的几种,而自定义鼠标图标不是很常用到,所以对这一小知识点进行总结,以防忘记. 自定义鼠标图标自定义鼠标图标即 ...
自定义鼠标光标cursor
通过css属性 Cursor:url()自定义鼠标光标. {cursor:url('图标路径'),default;} url是自定义鼠标图标路径 default指的是定义默认的光标(通常是一个箭头), ...
利用伪类:before&&:after实现图标库图标
一.实现如下效果二.代码实现思路图案一源码 <!DOCTYPE html> <html> <head> <meta charset="utf-8 ...
原来cursor:可以这样改变鼠标样式
前言:今天看百度的一个layui前端框架的时候,看到一个禁用图标的样式,鼠标移上去会变成一个自定义的图片样式,就在想难道cursor也可以自定义图片路径?!之前一直没有使用过. 使用了一下之后,遇到很 ...
cursor中的url整理
浏览器中如何做才能使鼠标改变成自定义的图片,即用curosr:url属性,格式为{cursor:url('路径'),auto;}//IE,FF,chrome浏览器都可以,其中前面的url是自定义鼠标图 ...
用css画图标
css3的属性 transform(转换) 用途很广泛,功能也很强大,为了熟悉它的各种转换方式(平移 translate,旋转 rotate,扭曲 skew,放缩 scale),我做了一些平常常用的一 ...

随机推荐

jenkins和hudson---打酱油的日子
自动化构建:Jenkins起源于Hudson.Hudson在商业软件的路上继续前行,而Jenkins则作为开源软件,从hudson分支出来. 因此现在的jenkins和hudson非常类似,但是随着二 ...
洛谷 P2701 [USACO5.3]巨大的牛棚Big Barn Label:二维数组前缀和你够了这次我用DP
题目背景 (USACO 5.3.4) 题目描述农夫约翰想要在他的正方形农场上建造一座正方形大牛棚.他讨厌在他的农场中砍树,想找一个能够让他在空旷无树的地方修建牛棚的地方.我们假定,他的农场划分成 N ...
c#内部类的使用
using System;using System.Collections.Generic;using System.Linq;using System.Text;using System.Threa ...
iOS开发中常见问题集锦
在iOS开发中,会出现各种各样的问题.今天,就把这些常见的问题以及各位大牛的解决方案汇总下,方便以后查阅: 常见错误: 1. linker command failed with exit code ...
Tomcat服务器中配置多个域名，访问不同的web项目
先说一下在本地电脑怎么实现: 想要在一个tomcat下访问两个web项目时,可以通过添加虚拟host的方式来解决. 详细步骤如下: 1.将两个项目打包放入tomcat的webapps目录下: 2.修改 ...
使用IntelliJ IDEA 13搭建Android集成开发环境（图文教程）
[声明] 欢迎转载,但请保留文章原始出处→_→ 生命壹号:http://www.cnblogs.com/smyhvae/ 文章来源:http://www.cnblogs.com/smyhvae/p/ ...
浏览器版本不支持页面示例 supper.html
关键点在于<html>标签和js.<!--[if lt IE 10]>的配合使用360浏览器兼容模式下查看:http://runjs.cn/code <!DOCTYPE ...
matlab函数大全
Matlab 图像处理相关函数命令大全一.通用函数: colorbar 显示彩色条语法:colorbar \ colorbar('vert') \ colorbar('horiz') \ col ...
USACO 2014 FEB 银组
1.自动打字{Silver题1} [问题描述] 贝西新买了手机,打字不方便,请设计一款应用,帮助她快速发消息. 字典里有W(W<=30000)个小写字母构成的单词,所有单词的字符总数量不超过1, ...
javascript:算法之for循环
一.for中的表达式 ①短路表达式 a && b是表达式:当执行的时候如果表达式a结果不是0,就会执行表达式b.如果表达式a执行的结果是0,表达式b不执行 ②i++与++i的不同 ++ ...

所有的cursor图标

所有的cursor图标的更多相关文章

随机推荐

热门专题