网络编程 | 站长之家 | 网页制作 | 图形图象 | 操作系统 | 冲浪宝典 | 软件教学 | 网络办公 | 邮件系统 | 网络安全 | 认证考试 | 系统进程
Firefox | IE | Maxthon | 迅雷 | 电驴 | BitComet | FlashGet | QQ | QQ空间 | Vista | 输入法 | Ghost | Word | Excel | wps | Powerpoint
asp | .net | php | jsp | Sql | c# | Ajax | xml | Dreamweaver | FrontPages | Javascript | css | photoshop | fireworks | Flash | Cad | Discuz!
当前位置 > 网站建设学院 > 网页制作 > CSS
网页制作:Dreamweaver教程,FrontPages教程,Javascript教程,HTML教程,CSS教程,心得技巧,DHTML教程,网页特效,Discuz!论坛
本月文章推荐
.提高CSS的网页渲染效率.
.IE的IF条件注释使用备忘.
.想让DIV居中 如何编写CSS .
.CSS教程:CSS文件应该保持整洁和统.
.css 背景图片的定位问题.
.CSS另类技巧:古典竖排文字代码.
.用图片实现超级链接的个性化下划.
.IE6支持PNG格式图片的CSS滤镜写法.
.根据时间段自动切换CSS风格.
.CSS样式命名规则及参考命名标准.
.学习CSS的背景图像属性background.
.CSS实现鼠标经过图片有黑白变为彩.
.CSS制作11种风格不同的特效文字.
.CSS+DIV设计实例:纯CSS制作下拉.
.如何用CSS让文字居于div的底部.
.CSS教程:元素详解.
.通过Dreamweaver学习了解CSS.
.网页(WEB)字体,CSS如何控制?.
.需要掌握的八个CSS布局技巧.
.工作中常用的高效的CSS代码.

用css样式控制超链接颜色显示

发表日期:2008-8-18


很多人在网页上实现不同链接有不同的颜色上不知如何处理,如果改a的属性,好像所有的链接的颜色都改了。

事实上,采用css样式实现这个效果比较简单。


先看一下常用设置:
a:link 超链接的普通样式
a:visited 点击过的
a:hover 鼠标经过时的
a:active 单击时
a:link{text-decoration:none;}       无下划线
a:link{text-decoration:underline;}   有下划线


为了实现不同链接不同效果,我们要为不同效果的那个链接专门定义一个css规则。
比如:
我们常规css是这样的:
a:link{color:#ff0000}
那么网页上所有链接的颜色都是:#ff0000。
现在我们改一下:
a:link{color:#ff0000}
.line1 a:link{color:#000000}
同时,在要改变颜色的链接前加上css定义,像这样:<span class=line1><a href="/">不同颜色的超链接</a></span>,这样的话,这个链接的颜色就改变了。

Over~~

上一篇:用CSS实现圆角框框 人气:1028
下一篇:CSS条件注释 人气:841
浏览全部CSS的内容 Dreamweaver插件下载 网页广告代码 祝你圣诞节快乐 2009年新年快乐