HTML 电子邮件模板在邮件中失去颜色答案

【问题标题】：HTML email template loses colours in mailHTML 电子邮件模板在邮件中失去颜色
【发布时间】：2011-04-15 11:39:30
【问题描述】：

我用 PHP 创建了一个发送时事通讯的小程序。当我在 Web 浏览器中预览 HTML 电子邮件模板时，这很好。但是当通过邮件发送时，它会丢失所有颜色格式。请帮忙！如何发送全彩电子邮件？

这是 HTML 代码。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <title> Newsletter</title>
        <style type="text/css">
            .AA {
                font-size: 24px;
                color: #FFF;
            }
        </style>
    </head>
    <body>
        <table width="100%" height="373" border="0" cellpadding="0" cellspacing="0">
            <tr>
                <td width="13%" bgcolor="#336699">&nbsp;</td>
                <td width="81%" bgcolor="#336699" class="AA"> NEWSLETTER</td>
                <td width="6%" bgcolor="#336699">&nbsp;</td>
            </tr>
            <tr>
                <td height="252">&nbsp;</td>
                <td align="left" valign="top">%content%</td>
                <td>&nbsp;</td>
            </tr>
            <tr>
                <td>&nbsp;</td>
                <td align="center">copyright company</td>
                <td>&nbsp;</td>
            </tr>
        </table>
    </body>
</html>

【问题讨论】：

电子邮件客户端在显示任何 HTML 方面是出了名的糟糕，通知我们哪个电子邮件客户端行为不端会很有帮助。

标签： php html email

【解决方案1】：

仅使用内联样式，大多数 HTML 客户端还不够先进，无法理解 <style> 标签。

所以不要写

<td width="81%" bgcolor="#336699" class="AA"> NEWSLETTER</td>

写作

<td width="81%" bgcolor="#336699" style="font-size:24px; color:#FFF;"> NEWSLETTER</td>

会有帮助。

【讨论】：