鼠标形状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. [QT Creator]LNK1123: 转换到 COFF 期间失败: 文件无效或损坏 。

    这个问题很恶心!网上说的原因是因为安装了多了版本的VS.在高版本的2010和2012上都会有问题,解决方法是使用visual studio 2008安装目录下的一个文件替代vs2010安装目录下的文件 ...

  2. Light, more light - PC110701

    欢迎访问我的新博客:http://www.milkcu.com/blog/ 原文地址:http://www.milkcu.com/blog/archives/uva10110.html 原创:Ligh ...

  3. CentOS安装Python教程

    下载/安装python yum install -y bzip2* #nodejs 0.8.5需要,请安装python前,先安装此模块.   wget http://www.python.org/ft ...

  4. asp.net内部原理3

    asp.net内部原理(三) 第三个版本 (最详细的版本) 前言: 今天继续吧这个系列补齐,这几天公司的项目比较忙,回到家已经非常的累了,所以也没顾得上天天来这里分享一些东西和大家一起探讨,但是今天晚 ...

  5. iOS 7 beta4 体验

    iOS 7 beta4终于来了,安装后感觉稳定了不少.下面列几点我个人感受比较深得地方. 1.锁屏界面有滑动方向箭头了,而且“滑动来解锁”几个字也有动态颜色变化,让人不再迷惑该往那边滑动了. 2.通知 ...

  6. LigerUI权限系统之菜单管理

    菜单管理跟上篇的组织结构实现方式差不多,所以不存在多大的问题.还是老样,先上图,再看代码.菜单管理界面 菜单管理添加: 菜单管理修改: 前端完整代码: @section headerScripts{ ...

  7. ASP.NET MVC：多语言的三种技术处理策略

    ASP.NET MVC:多语言的三种技术处理策略 背景 本文介绍了多语言的三种技术处理策略,每种策略对应一种场景,这三种场景是: 多语言资源信息只被.NET使用. 多语言资源信息只被Javascrip ...

  8. Java中System.getProperty()的参数

    Java中System.getProperty的使用方法: 1,System.getProperty返回的数值,比如java.version,java.home,os.name,user.home以及 ...

  9. MFC控件(7):Split Button

    VS2008中可以看到MFC有一个叫Split Button的控件,要想看它的效果,瞧下QQ那聊天窗口的"发送", "消息记录"这两个按钮就知道了.实际上就是还 ...

  10. How to install Savanna

    Pre-conditions: openstack has been installed successfully. 解压软件包中的savanna-all.tar.gz安装tar -C / -xzf ...