所有的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),我做了一些平常常用的一 ...

随机推荐

OS X El Capitan的 U 盘制作过程
本文并非最终版本,如有更新或更正会第一时间置顶,联系方式详见文末如果觉得本文内容过长,请前往本人 “简书” 0.在 AppStore 下载 OS X El Capitan AppStore ...
数论 - Pairs(数字对)
In the secret book of ACM, it’s said: “Glory for those who write short ICPC problems. May they live ...
Working in Singapore
这篇blog主要是想说说最近以及将来一年的时间需要在Singapore工作的感受.你可能以及猜到了,我现在写这篇blog是在Singapore的Office里面. 在一个月之前还在成都工作,每天9:0 ...
javascript面向对象(一)：封装
本文来自阮一峰学习Javascript,最难的地方是什么? 我觉得,Object(对象)最难.因为Javascript的Object模型很独特,和其他语言都不一样,初学者不容易掌握. 下面就是我的学 ...
Python In Action:一、入门小例子
Python In Action这本书真是有点猛,一开头就来这么个例子: import wx class MyFrame(wx.Frame): def __init__(self): wx.Frame ...
学习笔记_springmvc返回值、数据写到页面、表单提交、ajax、重定向
数据写到页面后台往前台传数据 TestController添加 /** * 方法的返回值采用ModelAndView, new ModelAndView("index", map ...
linux kernel链表
参考: http://blog.csdn.net/echoisland/article/details/7079943
spring mvc@RequestParam根据参数名获取传入参数值
在SpringMVC后台控制层获取参数的方式主要有两种,一种是request.getParameter("name"),另外一种是用注解@RequestParam直接获取.这里主要 ...
php 验证(检查)日期格式是否正确
/** * 检查指定字符串是否为日期格式年-月-日 * @param $date 日期字符串 * @return bool true 是日期格式 false 不是日期格式 */function va ...
Tiddlywiki 维基程序使用手册
文档 http://tiddlywiki.com/ http://web.nlhs.tyc.edu.tw/~lss/wiki/TiddlyWikiTutorialTW.html https://sit ...

所有的cursor图标

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

随机推荐

热门专题