CSS属性(鼠标属性)

css

我们知道,当把鼠标移动到不同的地方时,当鼠标需要执行不同的功能时,当系统处于不同的状态时,都会使鼠标的形状发生改变。
  用CSS来改变鼠标的属性,就是当鼠标移动到不同的元素对象上面时,让鼠标以不同的形状、图案显示。
  在CSS当中,这种样式是通过“cursor”属性来实现的。Cursor属性有很多的属性值,我们来看一下它的详细列表:

  我们来看一个例子吧,请看下面这段代码:

  <html>
    <head>
    <title>changemouse</title>
    </head>
    <body>
    <h1 style=“font-family:文鼎新艺体简”>鼠标效果</h1>//*设置字体*//
    <p style=“font-family:行书体;font-size:16pt;color:red”>
    请把鼠标移到相应的位置观看效果。</p>//*设置字体的名称、大小、颜色*//
    <div style=“font-family:行书体;font-size:24pt;color:green;”>
    //*设置该区域内的字体名称、大小、绿色*//
    <p><span style=“cursor:hand”>手的形状</span><br>
     //*设置鼠标属性为手的形状*//
    <span style=“cursor:move”>移动</span><br>//*设置鼠标属性为移动*//
    <span style=“cursor:ne-resize”>反方向</span><br>
    //*设置鼠标属性为反方向*//
    <span style=“cursor:wait”>等待</span><br>//*设置鼠标属性为等待*//
    <span style=“cursor:help”>求助</span>//*设置鼠标属性为求助*//
    </p>
    </div>
    </body>
  </html>

  上述代码产生的效果请您点击这里

  CSS的属性就讲到这里,我们看到它的属性还是比较多的,但是您只要搞清楚它们都是什么意思,应用起来就会很方便。在您应用的时候,还可以参照我为您提供的属性详细列表
  下一章将向您介绍CSS定位。

时间: 2024-08-24 07:06:14

CSS属性(鼠标属性)的相关文章

CSS的各种属性(鼠标 分级 容器)

css|鼠标 CSS鼠标属性 习惯于使用 Windows 的用户对各种各样的鼠标样式一定不会陌生,当鼠标移动到不同的地方时,当鼠标需要执行不同的功能时,当系统处于不同的状态时,都会使鼠标形状发生改变. 虽然在网络上有各种各样的鼠标可供下载,图形五花八门,但是就 Windows 的默认系统来说,这些图形是固定不变的.改变鼠标的属性,简单说就是当鼠标移动到不同的元素对象上面时,让鼠标以不同的形状.图案显示.这种样式是通过改变"cursor"属性来完成的.下面的表格把鼠标的完部属性都列出来,

设置jspx的鼠标属性怎么弄找不到相关的css

问题描述 设置jspx的鼠标属性怎么弄找不到相关的css 找不到相关的内容在哪个css中,解决不了鼠标小手变指针的设"置,style="cursor:default";可以再类似于

CSS属性(分级属性)

css 如果您使用过Word,那您一定知道Word中有一个"项目符号和编号"的功能. 在html中,您无需使用前面提到的一些字体.颜色.容器属性来对字体.颜色和边距.填充距等进行初始化.因为在CSS中,已经提供了进行分级的专用分级属性. 分级属性包括了"list-style"(列表样式)."list-item"(列表项)等多种属性,我们先来看一下分级属性的详细列表: 下面我们来看一个分级属性的例子,代码如下所示: <html> <

CSS属性(文本属性)

css 3.文本属性 ※定义间距 前面说了如何用CSS定义字体.颜色和背景属性,那么定义好的文本我们怎么对它进行排版呢? 下面我们讲述一下CSS的文本属性,还是先来看一下文本属性的详细列表: 我们可以从表中看到在这里可以定义文本的文字间距.字母间距.装饰.对齐方式.缩进方式和行高等属性. 举个例子来看看吧.比如下面这段文字(如左下图): 我们对这段文字加上文本属性重新排版,排版后的效果如右上图所示. 我们看到经过文本属性处理的文本字与字之间多了间距,行与行之间多了行高,对齐方式变成了两端对齐,并

用CSS动态控制文本属性_CSS/HTML

本篇详细介绍了用CSS动态控制文本属性的文章主题,利用CSS的属性值可动态改变的特点,定义文本的多种属性值,再用一个事件来触发,一旦事件发生,则改变文本属性值,从而达到预期目的.     用CSS可以很方便地动态改变文本的属性,从而可制作出动态地使文字变大.缩小.改变文字颜色.改变文本的背景.字间距.行间距等等网页特效,一切都在你的掌握之中.是不是有点玄?事实就是如此.那一定很复杂吧?不!看完本文,你就会明白,原来这么简单. 请看下面的示例: 一.动态改变文字大小 这个例子的效果是:一段文本,当

css所有背景属性在一个声明之中 css实例

css所有背景属性在一个声明之中 css实例

详细学习网页制作技术CSS的文本属性

css|网页 文本(Text)属性: 这里的属性将影响WEB文档中的文本显示情况. text-indent属性描述文本的缩进程度: 属性名称: 'text-indent'属性值: <length> | <percentage>初始值: 0适合对象: 容器元素是否继承: yes百分比备注: 根据父元素的宽度而定 下面的例子表明段落的缩进值为3em: P { text-indent: 3em } Alignment属性表明文本的对齐方式: 属性名称: 'alignment'属性值: l

CSS滤镜:Invert属性

css|滤镜 Invert属性可以把对象的可视化属性全部翻转,包括色彩.饱和度和亮度值. 它的表达式也很简单: Filter:Invert 我们再来看一下加上Invert属性前后的图片效果变化(如下图): 原图 Invert属性效果图 我们看到Invert属性实际上达到的是一种"底片"的效果.

巧用CSS的Border属性

css 制作过网页的人都有为画线而烦恼的经历,本文介绍的小技巧也许对你有所帮助.我们先来认识一下"Border"(画边框),它是CSS的一个属性,用它可以给能确定范围的HTML标记(如TD.DIV等等)画边框,它可以定义边框线的类型.宽度和颜色,利用这个特性,可以制作一些特殊效果.下面将通过实例来说明其应用技巧. 1.给文本加边框 上面的示例中,给一段文字加了不同的边框,只是为了说明边框线的颜色.粗细是可变的.第一个边框的CSS代码是:style="border:thin s