当前位置:网络笔记-营销软件破解基地 → 网络资讯 → 网页设计
日期:2009-07-02 17:24:41  来源:本站整理

利用A标签的背景可能作出很有意思的效果 (1)

Andy

其它地方的设置!

程序代码

//这样写会对全网页的a标签生效;
a:link{color:#000;background:url(/article/UploadPic/2009-7/200972172442731.gif);}
//这样写会覆盖上一行中重复的属性
#test a:visited{color:#000;background:url(/article/UploadPic/2009-7/200972172442731.gif);}



这里一定要注意的是:覆盖上一行中重复的属性 是“覆盖”,并且是“重复的”标签;

例如以下测试代码:

程序代码
<style>
 /*这里我定义了文字没有下划线,和文字是加粗的,还有文字的色*/
 a:link,a:visited{color:#000099;text-decoration:none; font-weight:bold}
 a:hover,a:active{color:#000;}
  
 /*看这里,只有文字的色变了,而其它的属性都是继承下来的*/
 #test a:link,#test a:visited{color:#0000FF;}
 #test a:hover,#test a:active{color:#339900;} 
</style>



看效果:


        
[Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]

上一页  [1] [2] 

  • 上一页  [1] [2] 

  • Tags:

    作者:佚名

    文章评论评论内容只代表网友观点,与本站立场无关!

       评论摘要(共 0 条,得分 0 分,平均 0 分) 查看完整评论
    关于本站 - 网站帮助 - 广告合作 - 下载声明 - 友情连接- 网站地图

    Copyright 网络笔记 © 2009-2010 www.WLBIJI.cn . All Rights Reserved.
    我们还在努力  页面执行时间:13,406.25000 毫秒      粤ICP备09052723号
    用我们的软件产品将使您的推广更轻松,同时使您的推广成本降到最低! 站长QQ: 274191541