我怎样才能让不同的HTML链接不同的颜色。 。(how can i make different

2019-10-18 08:09发布

我产生了许多不同的链接的HTML文件,他们(默认)都显示了常规的蓝色。 反正我有可以使某些环节不同的颜色。 注意,这个网站被越来越推到Outlook作为邮件,所以我不能有单独的css文件。

Answer 1:

你可以把你的CSS中<head/><html> 。 风格你想要的颜色(或多个)链接。 如果你需要不止一种类型的链路,使用类。 例如

a { color: #abcde1}
a.visited, a.hover {color: #1abcde;}

a.special {color:#123456;}


Answer 2:

使用锚内嵌的CSS样式:

<a href="foo" style="color:orange"....


Answer 3:

有几个不同的方式。 CSS可以出现在你的头标记,因此它并没有成为一个独立的样式表。

一是使用的样式属性:

<a style="color:blue;">...</a>

另一种是使用CSS类:

<style>
.navLink { color: blue; }
</style>

<a class="navLink">...</a>

有很多的选择。 见http://www.echoecho.com/csslinks.htm



Answer 4:

您可以使用类的样式:

你的CSS文件:

.redlinks a
{
   color: #FF0000;
}

.greenlinks a
{
   color: #00FF00;
}

您的HTML文件:

<div class="redlinks"><a href="#">my link</a></div>


Answer 5:

你可以使用内部样式表或内嵌样式假设电子邮件客户端不会忽略他们。 当然用链接的颜色搞乱你运行的用户没有意识到,你必须在各个环节的风险,所以要小心。



Answer 6:

这是例如使用不同颜色的链接:

<style type="text/css">
a.yellowLink { color:#ff0; }
a.greenLink { color:#0f0; }
a.redBlueLink { color:#f00; }
a.redBlueLink:hover { color:#00f; }
</style>

<a href="http://www.google.com/" class="yellowLink">I’m yellow</a>
<a href="http://www.google.com/" class="greenLink">I’m green</a>
<a href="http://www.google.com/" class="redBlueLink">I’m red and blue on hover</a>


文章来源: how can i make different html links different colors . .