利用CSS中的background属性中的url()不仅可以插入静态图片,而且也可以插入gif动画,从而制作出了如下的下划线效果:- <head>
- <style type="text/css">
- a,a:visited{
- background:url(pic/bg2.gif) repeat-x left bottom;
- text-decoration:none;
- }
- a:hover{
- background:url(pic/bg.gif) repeat-x left bottom;
- text-decoration:none;
- }
- </style>
- </head>
- <body>
- <a href="#">下划线特效</a><a href="#">下划线特效</a>
- </body>
- </body>
bg2.gif bg.gif 这两个就是两个不同的gif动画,制作时请大家要在桌面上新建一个文件夹位pic的文件夹。
阅读(621) | 评论(5) | 转发(0) |