html -

Question

我正在使用内联 CSS 在 Dreamweaver 中设计一封电子邮件，但是我在 Firefox 和 Chrome 中使用 Hotmail 进行的每次测试总是将标题标签呈现为绿色字体颜色。我希望字体正常。什么都不会改变它。为什么<h1>-<h6>呈现为字体颜色？

<div class="blockheader">
    <h2>New event starting today!</h2>
</div>

<style>
#block .blockheader {
    background-color: #000;
    color: #FFF;
    font-family: "Arial Black";
    display: block;
    text-align: left;
    padding: 2px 0px 2px 0px;
}
</style>

Answer 1

在为电子邮件编写 HTML/CSS 时，您往往不得不假装自己回到了过去。意思是，编写非常基本的标记，并使用内联样式：

<h1 style="color: #FFF; background: #000">Foo Email</h1>

此外，请查看HTML Email Boilerplate。您可能还会发现Inline Styler也有帮助。

Answer 2

在做一些研究时，Hotmail 将 h 标签呈现为绿色，我没有看到任何充分的理由。我发现的修复是在您的内联样式中使用 !important 。所以像这样：

<h4 style="color: #660000 !important;">Awesome Red Header in Hotmail</h4>

希望这可以帮助。