Question

我在Dreamweaver中使用内联CSS设计电子邮件，但我在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>

希望这有帮助。

<h1> - </h1> <h6>在电子邮件简报中呈现为绿色字体的标签</h6>

2 个答案: