HTML电子邮件模板在邮件中丢失颜色

时间:2010-09-21 23:52:24

标签: php html email

我在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>

1 个答案:

答案 0 :(得分:4)

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

所以不要写

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

书写

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

会有所帮助。