使用CSS更改超链接字体颜色
本文显示了使用CSS代码更改超链接字体颜色的2种简单方法。
第一种方法是使用Inline CSS动态,通过将样式属性直接添加到超链接代码中,将color属性插入到style属性中,然后为color属性赋予颜色值。使用外部CSS也可以轻松更改超链接颜色(下面的示例)。
内联CSS更改超链接字体颜色代码
href属性值和颜色属性值#cc0000,请参见十六进制颜色图表和颜色名称图表以获得更多颜色。
代码 – 内联样式的HTML
<a href="http://www.itcast.cn/" style="clolr:#cc00000">传智播客</a>
内部或外部CSS示例
代码 – CSS
[HTML] 纯文本查看 复制代码 a {
color: #cc0000;
}
a:link {
color: #cc0000;
}
a:visited {
color: #999999;
}
a:hover {
color: #ff3300;
}
div#my_container a {
color: #cc0000;
}
p.my_class a {
color: #cc0000;
}
ul.my_list a {
color: #cc0000;
}
使用外部样式表的一个主要好处是,您只需编辑一个文件即可控制整个网站上的所有超链接。另一个好处是可以实现许多很酷的超链接效果,以改善网站的外观和感觉。
如何建立超链接?
[url=]带有href属性的HTML锚标记[/url]
[url=]要创建超链接,请将href属性添加到Anchor(a)标记,请参阅下面的示例代码段。
HTML超链接代码
下面是使用锚文本HTML超链接的代码 一个标签和HREF属性,用您自己的目标地址替换URL。
HTML代码
<P><A href="”http://bbs.itheima.com”">传智播客</A></P>
[/url]
|