Chinaunix首页 | 论坛 | 博客
  • 博客访问: 18848
  • 博文数量: 11
  • 博客积分: 221
  • 博客等级: 入伍新兵
  • 技术积分: 105
  • 用 户 组: 普通用户
  • 注册时间: 2012-03-22 09:04
文章分类
文章存档

2012年(11)

我的朋友

分类: 系统运维

2012-04-20 17:21:07

利用CSS中的background属性中的url()不仅可以插入静态图片,而且也可以插入gif动画,从而制作出了如下的下划线效果:

点击(此处)折叠或打开

  1. <head>
  2.     <style type="text/css">
  3.         a,a:visited{
  4.             background:url(pic/bg2.gif) repeat-x left bottom;
  5.             text-decoration:none;
  6.         }
  7.         a:hover{
  8.             background:url(pic/bg.gif) repeat-x left bottom;
  9.             text-decoration:none;
  10.         }
  11.     </style>
  12. </head>
  13. <body>
  14.     <a href="#">下划线特效</a><a href="#">下划线特效</a>
  15. </body>
  16. </body>
 bg2.gif    bg.gif   这两个就是两个不同的gif动画,制作时请大家要在桌面上新建一个文件夹位pic的文件夹。
阅读(608) | 评论(5) | 转发(0) |
0

上一篇:学习心得

下一篇:Javascript学习

给主人留下些什么吧!~~

小尾巴鱼2012-04-28 15:36:02

迈克海南: 嗯,知道了,谢谢你!.....

迈克海南2012-04-28 11:46:53

小尾巴鱼: 可能是您在附件上传GIF的,请在图片上传的位置上传您的GIF应该会正常显示哦.....
嗯,知道了,谢谢你!

小尾巴鱼2012-04-25 17:23:13

迈克海南: 恩,不知道是怎么回事。.....
可能是您在附件上传GIF的,请在图片上传的位置上传您的GIF应该会正常显示哦

迈克海南2012-04-21 10:22:52

五岳之巅: 嗯,图没显示出来?.....
恩,不知道是怎么回事。

五岳之巅2012-04-20 22:41:28

嗯,图没显示出来?