Question

我正在生成一个包含许多不同链接的html文件，并且它们（默认情况下）都显示常规蓝色。无论如何，我可以使某些链接不同的颜色。请注意，这个html作为电子邮件被推入Outlook，所以我不能拥有单独的css文件。

Answer 1

您可以将css放入<head/>的{{1}}。使用您想要的颜色设置链接的样式。如果您需要多种类型的链接，请使用类。 e.g。

<html>

Answer 2

有几种不同的方式。 CSS可以出现在head标签中，因此它不必是单独的样式表。

一种是使用style属性：

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

另一种是使用css类：

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

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

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

Answer 3

使用css样式作为内联锚点：

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

Answer 4

您可以为您的样式使用类：

你的CSS文件：

.redlinks a
{
   color: #FF0000;
}

.greenlinks a
{
   color: #00FF00;
}

您的HTML文件：

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

Answer 5

您可以使用internal style sheet or inline styles 假设电子邮件客户端不会忽略它们。当然，通过搞乱链接颜色，你冒着用户没有意识到你有链接的风险，所以要小心。

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>

我怎样才能使不同的HTML链接不同的颜色。。

6 个答案:

我怎样才能使不同的HTML链接不同的颜色。 。

6 个答案:

我怎样才能使不同的HTML链接不同的颜色。。