黑马程序员技术交流社区

标题: 超链接字体颜色怎么修改？ [打印本页]

---

作者: 庭院深深深几许    时间: 2019-1-3 16:51
标题: 超链接字体颜色怎么修改？
使用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]

---

欢迎光临 黑马程序员技术交流社区 (http://bbs.itheima.com/)

黑马程序员IT技术论坛 X3.2