- ·上一篇文章:CSS和布局语义-不要撞墙[web布局讲解]
- ·下一篇文章:CSS样式表创建美妙绝伦的网站 (1)
当前位置:网络笔记-营销软件破解基地 → 网络资讯 → 网页设计
日期: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);}
程序代码
[Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]
程序代码//这样写会对全网页的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>
/*这里我定义了文字没有下划线,和文字是加粗的,还有文字的色*/
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]
Tags:
作者:佚名评论内容只代表网友观点,与本站立场无关!
评论摘要(共 0 条,得分 0 分,平均 0 分)
查看完整评论
Copyright 网络笔记 © 2009-2010 www.WLBIJI.cn . All Rights Reserved.
我们还在努力 页面执行时间:13,406.25000 毫秒
粤ICP备09052723号
我们还在努力 页面执行时间:13,406.25000 毫秒
用我们的软件产品将使您的推广更轻松,同时使您的推广成本降到最低! 站长QQ: 274191541
