CSS样式:cursor -----定义鼠标指针

定义和用法

cursor 属性规定要显示的光标的类型(形状)。

该属性定义了鼠标指针放在一个元素边界范围内时所用的光标形状(不过 CSS2.1 没有定义由哪个边界确定这个范围)。

可能的值:

demo:

<html>
<head>
    <style type="text/css">
       span{
              line-height: 30px;
            }
    </style>
 </head>
<body>
    <p>请把鼠标移动到单词上,可以看到鼠标指针发生变化:</p>
    <span style="cursor:auto">
        Auto
    </span><br />
    <span style="cursor:crosshair">
        Crosshair
    </span><br />
    <span style="cursor:default">
        Default
    </span><br />
    <span style="cursor:pointer">
        Pointer
    </span><br />
    <span style="cursor:move">
        Move
    </span><br />
    <span style="cursor:e-resize">
        e-resize
    </span><br />
    <span style="cursor:ne-resize">
        ne-resize
    </span><br />
    <span style="cursor:nw-resize">
        nw-resize
    </span><br />
    <span style="cursor:n-resize">
        n-resize
    </span><br />
    <span style="cursor:se-resize">
        se-resize
    </span><br />
    <span style="cursor:sw-resize">
        sw-resize
    </span><br />
    <span style="cursor:s-resize">
        s-resize
        </span><br />
    <span style="cursor:w-resize">
        w-resize
    </span><br />
    <span style="cursor:text">
        text
    </span><br />
    <span style="cursor:wait">
        wait
    </span><br />
    <span style="cursor:help">
        help
    </span>
</body>

</html>

时间: 2024-10-14 11:53:27

CSS样式:cursor -----定义鼠标指针的相关文章

cursor -- 定义鼠标样式

cursor -- 定义鼠标样式 取值: [ [<uri> ,]* [ auto | crosshair | default | pointer | move | e-resize | ne-resize | nw-resize | n-resize | se-resize | sw-resize | s-resize | w-resize | text | wait | help | progress ] ] | inherit [<uri> ,]*: 根据用户定义的资源显示 a

cursor 把鼠标指针的形状弄成一只伸出食指的手

<span style="cursor:auto">auto</span><br> <span style="cursor:crosshair">crosshair</span><br> <span style="cursor:default">default</span><br> <span style="cursor:e

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

我们在DIV CSS布局时候,我们会遇到对对象内鼠标指针光标进行控制,比如鼠标经过指针变为手指形状等样式,接下来我们介绍鼠标指针样式cursor控制.系统默认鼠标指针样式外,可以通过CSS设置图片为鼠标指针,常见有些网站鼠标指针是各种各样小图片样式,当然这个是通过css cursor设置鼠标样式. 详见网站介绍:http://www.divcss5.com/rumen/r427.shtml css cursor鼠标指针光标样式default pointer hand url,布布扣,bubuko

定义C#鼠标指针的形状 Cursor

原文:定义C#鼠标指针的形状 Cursor 定义C#指针形状的两种方法. 1.控件属性定义法: 在Windows应用程序中,通过设置控件的Cursor属性可以定义鼠标的显示形状.控件(如Button控件)的Cursor属性用于设置鼠标指针的类型,默认为Default. 2.代码定义法: 在想要定义鼠标指针的地方写代码:???Cursor = Cursors.Default;???? (定义指针为Default类型). 表 Cursor属性的值 ?? 值 ?????? 说明 AppStarting

修改鼠标指针样式

在编写html时,有时我们需要修改鼠标指针的样式,比较形象的有qq农场的指针样式,如果我们自定义也可以实现该效果.大家可以通过修改css样式cursor来实现. cursor取值: auto : 默认值.浏览器根据当前情况自动确定鼠标光标类型. all-scroll : IE6.0 有上下左右四个箭头,中间有一个圆点的光标.用于标示页面可以向上下左右任何方向滚动. col-resize : IE6.0 有左右两个箭头,中间由竖线分隔开的光标.用于标示项目或标题栏可以被水平改变尺寸. crossh

cursor改变鼠标样式

cursor -- 定义鼠标样式 取值: [ [<uri> ,]* [ auto | crosshair | default | pointer | move | e-resize | ne-resize | nw-resize | n-resize | se-resize | sw-resize | s-resize | w-resize | text | wait | help | progress ] ] | inherit [<uri> ,]*: 根据用户定义的资源显示 a

改网页鼠标指针、改指定元素指针(2)——小白也能自绘指针

上节中讲到,css改网页的鼠标指针.使得大家都更能美化自己的网页.但指针文件怎么获取呢?你可以到百度上搜索鼠标指针图片.鼠标样式图片.光标图片等等.其二我们可以自己画出独一无二的光标图片哦,今天我就来普及一下最简单的自绘光标的方法. 自绘光标——首先需要一个图片处理软件(photoshop等).但我们要让小白也能自绘鼠标指针!就要用更简单的方法. 我们将要用到全世界最牛逼最闻名的图片处理神器——美(huǐ) 图 秀 秀 ~(@^_^@)~,同样,对于小白来说,美图秀秀网页版仅够了: 新建一张画布

css样式中position和_position的区别

position:fixed; 相对于浏览器窗口绝对定位._position:absolute; 只有IE6能识别, IE6不支持fixed, 所以针对IE6使用absolute绝对定位, 一般还要配套一个expression脚本来实现 属性expression_r:针对ie6写的 CSS的出现使网页制作者在对网页元素的控制方便许多,当然,有利必有弊,CSS只能对颜色.大小.距离等静态样式有效,对于要实现某些html元素的动态样式就显得有些力不从心. 有了CSS的自定义属性expression_

如何让不同浏览器调用不同的CSS样式

由 于对W3C标准支持程度的不同,往往导致同一个CSS样式表在各种Web浏览器中的呈现大相径庭.以目前市场占有率最高的两个浏览器Microsoft Internet Explorer和Mozilla Firefox为例,前者对标准的支持明显不如后者,网页设计人员不得不花费大量的时间和精力来调整代码以保持网页在二者中呈现的一致性——这是件非常痛 苦的事情,顾此失彼的情况时有发生.但放弃任何一方的用户都是不明智的,以北极冰仔部落格来说,使用IE的访问者占所有访问者的49.57%,使用 Firefox