正 文

鼠标属性


www.7dspace.com  更新日期:2005-8-16 2:11:00  七度空间


  6、鼠标属性

  我们知道,当把鼠标移动到不同的地方时,当鼠标需要执行不同的功能时,当系统处于不同的状态时,都会使鼠标的形状发生改变。

  用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定位。

上一篇:分级属性
下一篇:CSS定位:动态转换
作者:稻草飞飞  来源:eNet网络学院 ( 责任编辑:7dspace )
收藏此页】【打印】【关闭
站 内 搜 索
 

热 点 导 读
特 别 推 荐