今天早上在网上看到一篇关于光标类型的总结代码，很好，特定拿来：

最终结果：

代码：

<!DOCTYPE html>

<html lang="zh-cn">

<head>

    <meta charset="utf-8" />

    <title>cursor光标类型</title>

    <style>

        .test{width:400px;border-collapse:collapse;font:14px/1.5 georgia,arial,serif,sans-serif;}

        .test td{padding:2px 10px;border:1px solid #ddd;}

        .test td:hover{background:#eee;}

        .auto{cursor:auto;}

        .default{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;}

        .e-resize{cursor:e-resize;}

        .n-resize{cursor:n-resize;}

        .ne-resize{cursor:ne-resize;}

        .nw-resize{cursor:nw-resize;}

        .s-resize{cursor:s-resize;}

        .se-resize{cursor:se-resize;}

        .sw-resize{cursor:sw-resize;}

        .w-resize{cursor:w-resize;}

        .ew-resize{cursor:ew-resize;}

        .ns-resize{cursor:ns-resize;}

        .nesw-resize{cursor:nesw-resize;}

        .nwse-resize{cursor:nwse-resize;}

        .col-resize{cursor:col-resize;}

        .row-resize{cursor:row-resize;}

        .all-scroll{cursor:all-scroll;}

        .url{cursor:url(skin/cursor.gif),

        url(skin/cursor.png),

        url(skin/cursor.jpg),

        pointer;}

    </style>

</head>

<body>

<table class="test">

    <caption>cursor光标类型</caption>

    <tbody>

    <tr>

        <td class="auto">auto</td>

        <td class="default">default</td>

        <td class="none">none</td>

        <td class="context-menu">context-menu</td>

        <td class="help">help</td>

        <td class="pointer">pointer</td>

        <td class="progress">progress</td>

    </tr>

    <tr>

        <td class="wait">wait</td>

        <td class="cell">cell</td>

        <td class="crosshair">crosshair</td>

        <td class="text">text</td>

        <td class="vertical-text">vertical-text</td>

        <td class="alias">alias</td>

        <td class="copy">copy</td>

    </tr>

    <tr>

        <td class="move">move</td>

        <td class="no-drop">no-drop</td>

        <td class="not-allowed">not-allowed</td>

        <td class="e-resize">e-resize</td>

        <td class="n-resize">n-resize</td>

        <td class="ne-resize">ne-resize</td>

        <td class="nw-resize">nw-resize</td>

    </tr>

    <tr>

        <td class="s-resize">s-resize</td>

        <td class="se-resize">se-resize</td>

        <td class="sw-resize">sw-resize</td>

        <td class="w-resize">w-resize</td>

        <td class="ew-resize">ew-resize</td>

        <td class="ns-resize">ns-resize</td>

        <td class="nesw-resize">nesw-resize</td>

    </tr>

    <tr>

        <td class="nwse-resize">nwse-resize</td>

        <td class="col-resize">col-resize</td>

        <td class="row-resize">row-resize</td>

        <td class="all-scroll">all-scroll</td>

        <td class="url">url</td>

    </tr>

    </tbody>

</table>

</body>

</html>

cursor光标类型的更多相关文章

  1. 鼠标放上去，不同的cursor光标类型

    <!DOCTYPE html><html lang="zh-cmn-Hans"><head><meta charset="utf ...

  2. CSS display overflow 属性 cursor光标类型

    display属性   功能:规则网页元素如何显示的问题.   取值:none(隐藏).block(以块元素显示).inline(以行内元素显示)   block:可以实现将行内元素转成块元素.   ...

  3. css中cursor(光标类型)

    值 描述 url 需使用的自定义光标的 URL. 注释:请在此列表的末端始终定义一种普通的光标,以防没有由 URL 定义的可用光标. default 默认光标(通常是一个箭头) auto 默认.浏览器 ...

  4. 常用cursor光标说明

    1.cursor语法: cursor : auto | crosshair | default | hand | move | help | wait | text | w-resize |s-res ...

  5. C++:CursorType光标类型 和 LockType锁定类型

    简要: CursorType光标类型: 1.   AdOpenForwardOnly   (默认值)一次只能向前移动一行. 2.   AdOpenKeyset   打开键集类型游标. 3.   AdO ...

  6. 用图片替代cursor光标样式

    鼠标光标样式有限,可参考http://css-cursor.techstream.org/,自定义光标样式可用设置cursor:url('xxx.cur'),auto;.还有一种办法,就是用图片替代鼠 ...

  7. 光标显示样式 css 中 cursor 属性使用

    记录一下 cursor 的各种样式,方便自己查找.之前用到不常用的每次去 百度 或 Google 找不如自己记录下好找些. cursor光标类型 auto default none context-m ...

  8. cursor属性

    cursor光标类型 auto default none context-menu help pointer progress wait cell crosshair text vertical-te ...

  9. css cursor效果图

    效果图: <!DOCTYPE html> <html lang="zh-cmn-Hans"> <head> <meta charset=& ...

随机推荐

  1. Python（内置函数）

    python英文官方文档详细说明:点击查看 lambda: map (加工,将各元素通过function加工后输出) map(function, iterable,...) reduce (综合,将后 ...

  2. django-ORM复习补充

    建表 class Author(models.Model): name = models.CharField(max_length=32) age = models.IntegerField() # ...

  3. cdoj1342郭大侠与甲铁城

    地址:http://acm.uestc.edu.cn/#/problem/show/1342 题目: 郭大侠与甲铁城 Time Limit: 1500/800MS (Java/Others)     ...

  4. web标准的理解

    首先,什么是web标准?web标准是w3c组织为解决跨浏览器兼容问题而推出的关于网页开发时应遵守的规范.在网页的四个部分中网页的内容是由网页开发者自己定义的,因此这一部分无法标准化,而网页的结构(HT ...

  5. INFO hdfs.DFSClient: Exception in createBlockOutputStream java.net解决办法

    自己安装好Hadoop2.7.x之后,发现dfs中的/bin/hadoop fs -put命令不能够使用,报错如下: [hadoop@master bin]$ ./hadoop fs -put ../ ...

  6. 如何使用sql函数平均值、总数、最小值、最大值

    使用sql函数,您可以在一个select语句的查询当中,直接计算数据库资料的平均值.总数.最小值.最大值.总和.标准差.变异数等统计.使用recordset对象时,也可使用这些sql函数. sql函数 ...

  7. 【leetcode刷题笔记】Majority Element

    Given an array of size n, find the majority element. The majority element is the element that appear ...

  8. IE开发人员工具手册

    The DOM Explorer tool (CTRL + 1) The The DOM Explorer tool shows the structure of your webpage as it ...

  9. java实现同步的方法

    为何要实现同步 java允许多线程并发控制,当多个线程同时操作一个可共享的资源变量时(如数据的增删改查),      将会导致数据不准确,相互之间产生冲突,因此加入同步锁以避免在该线程没有完成操作之前 ...

  10. Linux统计文件数目

    统计当前目录下文件数目 $ find . -type f | wc -l 统计文件行数 $ wc -l filename 仅统计内容为pattern的行(只有pattern) $ grep -w &q ...