繁体中文
设为首页
加入收藏
当前位置:在线教程首页 >> 网页设计 >> CSS与特效 >> CSS属性(鼠标属性)

CSS属性(鼠标属性)

2005-10-09 06:00:00  作者:洪恩   来源:internet   浏览次数:115  文字大小:【】【】【

我们知道,当把鼠标移动到不同的地方时,当鼠标需要执行不同的功能时,当系统处于不同的状态时,都会使鼠标的形状发生改变。
  用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定位。

此文章不能满足您的需求?那就就Google一下吧:)
Google
 

责任编辑:Lucy


相关文章
SA空口令破解和保护
怎样使MySQL更安全?
Mysql数据库的安全配置、实用技巧
如何安全的配置和应用MySQL数据库?
Oracle数据库安全策略分析
SQL Server 2000的安全配置
使一个新的MySQL安装更安全
教您如何安全的应用MySQL
MySQL数据库安全配置
MySQL安全性指南(1)
MySQL安全性指南(2)
 

最新文章

更多

· 关于CSS你只需知道的十件事
· CSS网站实用技巧:word-...
· CSS实战:解决图片下面有...
· 中文网页制作中段落缩进...
· 巧用CSS制作树状目录
· CSS重新定义项目符号和编号
· 网页特效大公开
· css新手上路<七>
· css新手上路<六>
· css新手上路<五>

推荐文章

更多

· 关于CSS你只需知道的十件事
· CSS网站实用技巧:word-...
· CSS实战:解决图片下面有...
· 中文网页制作中段落缩进...
· 巧用CSS制作树状目录
· CSS重新定义项目符号和编号
· 网页特效大公开
· css新手上路<七>
· css新手上路<六>
· css新手上路<五>

热点文章

更多