0

当使用 mutt 通过电子邮件发送以下 html 页面（Yahoo/Gmail）时，我无法看到 CSS 样式。我只看到一个普通的表格。但是在浏览器中查看它时，我得到了所需的样式。为什么呢 ？我错过了什么吗？

mutt -e "set content_type=text/html" me@mail.com -s "Test" < Test.html

测试.html

<!DOCTYPE html>
<html>
<head>
<style>
rd{ color: red; }
gn{ color: green; }
body { background-color:#E0E0E0; font-family: helvetica;font-size: 15px;}
</style>
</head>
<body>
<table border="1" align ="left">
<tr><th>No.</th><th>Item</th></tr>
<tr><td>1</td><td><gn>abc</gn></td></tr>
<tr><td>2</td><td><rd>ghi</rd></td></tr>
</table>
</body>
</html>
4

3 回答 3

4

在 HTML 电子邮件中包含 CSS 的方法是使用内联样式。

    <!DOCTYPE html>
    <html>
    <body style='background-color:#E0E0E0; font-family: helvetica;font-size: 15px;'>
        <table border="1" align="left" style="color:red;">
            <tr><th>No.</th><th>Item</th></tr>
            <tr><td>1</td><td><gn>abc</gn></td></tr>
        </table>
    </body>
    </html>

参考：http ://www.htmlgoodies.com/beyond/css/article.php/3679231

于 2013-11-15T18:27:44.157 回答
1

html-email 非常有限，即使 div 和 p 标签也不总是按预期运行。尝试创建自己的标签只是自找麻烦。

您的两个表格单元格应如下所示：

<tr><td>1</td><td style="font-family: Helvetica, Arial, sans-serif; font-size: 15px; color:#007700;">abc</td></tr>
<tr><td>2</td><td style="font-family: Helvetica, Arial, sans-serif; font-size: 15px; color:#770000;">ghi</td></tr>

除了始终内联您的 CSS 之外，您还需要使用 6 位十六进制颜色以获得最大的电子邮件客户端支持。您还必须在每个表格单元格中重新声明您的字体样式。尽管它是冗余的，但不幸的是，这正是 html-email 所需要的。

也不要忘记字体堆栈，因为您目前假设阅读器已安装 Helvetica。

于 2013-11-15T19:19:36.590 回答
0

您可能需要查看tutsplus上的HTML 电子邮件入门教程，这是一个旧教程，但非常有用。

祝你好运。

于 2013-11-15T19:29:20.140 回答