鼠标形状css样式

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>鼠标形状css样式</title>
</head>
<body>
    <div><a href="javascript:void(0);" title="cursor:hand" style="cursor:hand;">hand 手型</a></div>
    <div><a href="javascript:void(0);" title="cursor:pointer" style="cursor:pointer;">pointer 手型</a></div>
    <div><a href="javascript:void(0);" title="cursor:crosshair" style="cursor:crosshair;">crosshair 十字型</a></div>
    <div><a href="javascript:void(0);" title="cursor:help" style="cursor:help;">help 问号</a></div>
    <div><a href="javascript:void(0);" title="cursor:text" style="cursor:text;">text 文本</a></div>
    <div><a href="javascript:void(0);" title="cursor:wait" style="cursor:wait;">wait 等待</a></div>
    <div><a href="javascript:void(0);" title="cursor:default" style="cursor:default;">default 默认</a></div>
    <div><a href="javascript:void(0);" title="cursor:e-resize" style="cursor:e-resize;">e-resize 向右箭头</a></div>
    <div><a href="javascript:void(0);" title="cursor:ne-resize" style="cursor:ne-resize;">ne-resize 向右上的箭头</a></div>
    <div><a href="javascript:void(0);" title="cursor:n-resize" style="cursor:n-resize;">n-resize 向上的箭头</a></div>
    <div><a href="javascript:void(0);" title="cursor:nw-resize" style="cursor:nw-resize;">nw-resize 左上的箭头</a></div>
    <div><a href="javascript:void(0);" title="cursor:w-resize" style="cursor:w-resize;">w-resize 向左的箭头</a></div>
    <div><a href="javascript:void(0);" title="cursor:sw-resize" style="cursor:sw-resize;">sw-resize 向左下的箭头</a></div>
    <div><a href="javascript:void(0);" title="cursor:s-resize" style="cursor:s-resize;">s-resize 向下的箭头</a></div>
    <div><a href="javascript:void(0);" title="cursor:se-resize" style="cursor:se-resize;">se-resize 向右下的箭头</a></div>
    <div><a href="javascript:void(0);" title="cursor:row-resize" style="cursor:row-resize;">row-resize</a></div>
    <div><a href="javascript:void(0);" title="cursor:col-resize" style="cursor:col-resize;">col-resize</a></div>
    <div><a href="javascript:void(0);" title="cursor:-webkit-grab" style="cursor:-webkit-grab;">-webkit-grab</a></div>
    <div><a href="javascript:void(0);" title="cursor:grab" style="cursor:grab;">grab</a></div>
    <div><a href="javascript:void(0);" title="cursor: move !important" style="cursor: move !important;">move</a></div>
    <div><a href="javascript:void(0);" title="cursor: not-allowed" style="cursor: not-allowed;">not-allowed</a></div>
</body>
</html>

鼠标形状css样式的更多相关文章

  1. button按钮不能点击鼠标形状css 代码，禁用button按钮时鼠标形状

    cursor:not-allowed;

  2. CSS（五）：背景、列表、超链接伪类、鼠标形状控制属性

    一.背景属性 1.背景属性用来设置页面元素的背景样式. 2.常见背景属性 属性 描述 background-color 用来设置页面的背景色,取值如red,#ff0000 background-ima ...

  3. 鼠标指针光标样式css cursor default pointer hand url

    一.cursor语法与结构 1.cursor语法:cursor : auto | crosshair | default | hand | move | help | wait | text | w- ...

  4. 11种常用css样式之鼠标、列表和尺寸样式学习

    鼠标cursor常见样式crosshair;/*十字形状*/cursor:pointer;/*小手形状*/cursor:wait;/*等待形状*/cursor:text;/*默认 文本形状*/curs ...

  5. DIV css中cursor属性详解-鼠标移到图片变换鼠标形状 (转)

    css中cursor属性详解-鼠标移到图片变换鼠标形状   语法: cursor : auto | all-scroll | col-resize| crosshair | default | han ...

  6. 【css】cursor鼠标指针光标样式知识整理

    在前端开发中,我们经常需要对对象鼠标指针光标进行控制,比如鼠标经过超链接时变成手指形状.在这里整理一下cursor鼠标指针光标样式的知识,记录与方便以后查找. 1.常用cursor光标 div( cu ...

  7. chrome DevTools 里面 css样式里面 勾上 :hover 会将鼠标移上的效果一直保持，技巧：要在鼠标上的 div上 勾 :hover

    chrome DevTools 里面 css样式里面 勾上 :hover 会将鼠标移上的效果一直保持,技巧:要在鼠标上的 div上 勾 :hover

  8. Bootstrap3 CSS样式基本用法总结

    按钮 a,input,button都可以设置为按钮 a标签按钮   button标签按钮 <a class="btn btn-default" href="#&qu ...

  9. css样式大全

    字体属性:(font) 大小 {font-size: x-large;}(特大) xx-small;(极小) 一般中文用不到,只要用数值就可以,单位:PX.PD 样式 {font-style: obl ...

随机推荐

  1. Julia语言：让高性能科学计算人人可用

    Julia语言:让高性能科学计算人人可用要:一群科学家对现有计算工具感到不满:他们想要一套开源系统,有C的快速,Ruby的动态,Python的通用,R般在统计分析上得心应手,Perl的处理字符串处理, ...

  2. [置顶] android调用第三方库——第四篇——调用多个第三方库

    0:前言: 在前面三篇中我们介绍了android调用第三方库的形式,在这一篇中我们介绍调用多个第三方库的Android.mk的写法,由于其他三篇介绍的很详细,这里只给出Android.mk的内容. ［ ...

  3. ASP.NET MVC+Knockout+Web API+SignalR

    架构设计(ASP.NET MVC+Knockout+Web API+SignalR) 架构设计(ASP.NET MVC+Knockout+Web API+SignalR) 2014-01-16 18: ...

  4. 一个小团队TDD游戏及实践

    介绍的这个游戏是自己根据目前带的团队的实际情况来制定的, 在游戏实践过程中,收到了较好的效果,故打算把这个游戏分享出来,一是分享一下实践,而是集思广益,不断完善,更好的利用游戏来锻炼队伍.下面就将游戏 ...

  5. 【转】Objc的底层并发API

    本文由webfrogs译自objc.io,原文作者Daniel Eggert.转载请注明出处! 小引 本篇英文原文所发布的站点objc.io是一个专门为iOS和OS X开发者提供的深入讨论技术的平台, ...

  6. ASP.NET服务器端事件利用MARQUEE实现正在处理效果

    前言:ASP.NET同仁们应该都遇到过当触发一个比较耗时的服务器端事件时,页面会处在一个等待的状态(即假死状态),用户体验非常不好,很容易造成用户二次点击,造成重复提交.至于解决方案自然是有的(问go ...

  7. TDD单元测试驱动

    使用IdleTest进行TDD单元测试驱动开发演练(2)   [前言] 1. 有关上篇请参见<使用IdleTest进行TDD单元测试驱动开发演练(1)>,有关本篇用到Entity Fram ...

  8. 《12个有趣的C语言问答》(4)

    C语言面试问答——<12个有趣的C语言问答>评析(4) 前文链接:http://www.cnblogs.com/pmer/p/3324063.html 8,Making changes i ...

  9. 如何判断一个对象是否为jquery对象

    当我们在用jquery的each做循环遍历的时候常常会使用到this 而有时候我们不知道this所指的到底是什么,因为要使用jquery 的方法 前提此对象必须是jquery对象. 另外要判断一个ja ...

  10. EasyNet.Solr 4.4.0发布及例子

    EasyNet.Solr 4.4.0发布及例子 EasyNet.Solr 4.4.0已经发布,可以直接从http://easynet.codeplex.com/ 下载试用并反馈.最新版本进行了以下改动 ...