HTML电子邮件的此代码可以很好地呈现在除gmail之外的所有客户端中。由于某种原因,链接没有加下划线,因此读者没有意识到它的链接。关于如何克服这个问题的任何想法?
谢谢!
<td align="center" bgcolor="#337711" style="color: #ffffff;"><a style="color: #ffffff; text-decoration:underline;" href = "http://www.example.com/">Click</a></td>
答案 0 :(得分:2)
尝试更改
<td align="center" bgcolor="#337711" style="color: #ffffff;"><a style="color: #ffffff; text-decoration:underline;" href = "http://www.example.com/">Click</a></td>
要
<td align="center" bgcolor="#337711" style="color: #ffffff;"><a style="color:#ffffff;text-decoration:underline;" href="http://www.example.com/">Click</a></td>
请删除href
与链接之间的空格。
答案 1 :(得分:1)
从我的电子邮件体验来看,有时候客户会做一些非常糟糕的事情而你却无能为力。您是否尝试过使用!important或在html顶部的样式块中声明样式?
如果这不起作用,我建议加粗链接:\
答案 2 :(得分:0)
如果您使用gmail表示您从浏览器访问的电子邮件收件箱,我认为您需要查看浏览器和Gmail帐户的默认显示设置。也许将text-decoration:underline;
从a
标记移动到td
标记,看看是否会发生变化。
此link也可以为您提供帮助。
答案 3 :(得分:0)
尝试以下代码。 Gmail可能无法识别您之间的间距 href =“yourlink”。我想不出为什么它不起作用的任何其他原因。我每天都会编写HTML电子邮件,并且总是测试gmail。
<td align="center" bgcolor="#337711" style="color: #ffffff;">
<a style="color: #ffffff; text-decoration: underline;" href="http://www.example.com/">Click</a></td>
另一个选择是通过在链接后附加样式来重新排列代码。如下所示。
<td align="center" bgcolor="#337711" style="color: #ffffff;">
<a href="http://www.example.com/" style="color: #ffffff; text-decoration: underline;">Click</a></td>
答案 4 :(得分:0)
设计HTML电子邮件很糟糕。这是官方的。它总是让我觉得很脏! :P
也就是说,让HTML电子邮件全面运作始终是一种妥协 - 直到我们全面遵守标准,总会有妥协。
虽然有一些建议,但有些可能有些笨重,但这就是这种特殊野兽的本质......
奇怪的是,它应默认下划线,因此您不需要使用内联CSS指定它。你确定你在其他地方没有一个相互矛盾的风格声明,而这个声明压倒了这个内联声明吗?
从元素属性
中删除空白区域<td align="center" bgcolor="#337711" style="color: #ffffff;"><a style="color: #ffffff; text-decoration:underline;" href="http://www.example.com/">Click</a></td>
尝试将文字包装在<span>
中,然后在下面添加下划线
<td align="center" bgcolor="#337711" style="color: #ffffff;"><a style="color: #ffffff; text-decoration:underline;" href="http://www.example.com/"><span style="text-decoration:underline;">Click</span></a></td>
如果所有其他方法都失败了,请更改链接的样式,使读者更清楚它是一个链接
<td align="center" bgcolor="#337711" style="color: #ffffff;"><a style="color: #fcff01;font-weight:bold; text-decoration:underline;" href="http://www.example.com/">Click</a></td>