use*_*091 7 html css outlook-2007
应用于Outlook链接的CSS不起作用
HTML:
<tr>
<a href="http://www.google.com" style="color:#FFF;height:40px;width:475px;display:block;"><td style="background-color:#000;height:40px;width:475px;">Click Me</td></a>
</tr>
它只显示"Click Me"文本的链接而不是全部
注意:它应显示所有td的链接,即宽度:475和高度:40
请帮我
谢谢
您可以使用特定于Outlook的HTML来解决此问题
<div><!--[if mso]>
<v:rect xmlns:v="urn:schemas-microsoft-com:vml" xmlns:w="urn:schemas-microsoft-com:office:word" href="http://" style="height:40px;v-text-anchor:middle;width:200px;" stroke="f" fillcolor="#556270">
<w:anchorlock/>
<center>
<![endif]-->
<a href="http://stackoverflow.com" style="background-color:#556270;color:#ffffff;display:inline-block;font-family:sans-serif;font-size:13px;font-weight:bold;line-height:40px;text-align:center;text-decoration:none;width:200px;-webkit-text-size-adjust:none;">Show me the button!</a>
<!--[if mso]>
</center>
</v:rect>
<![endif]--></div>
另请参阅http://buttons.cm/以创建"防弹"电子邮件按钮:)
您的意思是该样式应该应用于所有 td 吗？
好吧，如果是，那么您所做的将不起作用，您所做的称为内联 css 样式，该样式仅适用于该特定元素。
如果你希望它应用于所有 td，那么你必须拥有所谓的内部 css 样式：
<html>
<head>
<style>
td{
//your code here
}
</style>
</head>
<body>
//your code here
</body>
</html>
顺便说一句，你的代码嵌套不正确，
你有一个开始'a'标签，然后是一个开始'td'标签，然后结束'a'标签，然后结束'td'标签......
你必须将其设置为：
<td><a></a></td>
或者
<a><td></td></a>
尝试：
<tr>
<td style="background-color:#000;height:40px;width:475px;">
<a href="http://www.google.com" style="color:#FFF;height:40px;width:475px;display:block;">Click Me</a>
</td>
</tr>