gpt4 book ai didi

html - 如何为 Outlook 2007 电子邮件模板创建 CSS 按钮?

转载 作者:太空宇宙 更新时间:2023-11-04 08:04:25 25 4
gpt4 key购买 nike

我正在尝试为电子邮件模板创建一个蓝色按钮。电子邮件客户端是 Outlook 2007。我了解到它不支持 CSS3,所以我为按钮编写了这个 CSS:

HTML:

<html>
<a id="button" style: "text-decoration: none;" href="">
<span style="color: white;">Button</span>
</a>
<html>

CSS:

#button {
background-color: #4686E8;
border-radius: 10px;
display: block;
width: 142px;
height: 36px;
border-top: 2px #4686E8 solid;
border-bottom: 2px #4686E8 solid;
border-left: 2px #4686E8 solid;
border-right: 2px #4686E8 solid;
cursor: pointer;
padding: 14px;
}

一些属性,例如 border-radius 和 width/height 在电子邮件模板中不起作用。它只是显示一个蓝色框,上面有文字“按钮”。如何在 Outlook 2007 模板中创建异形按钮?

最佳答案

展望 - especially the new MSWord based windows versions - 往往有糟糕的 HTML/CSS 支持。这是因为在 Outlook 2003 之后,Microsoft 决定停止使用 IE 作为其 Outlook 呈现引擎,而是使用 Word HTML——这不是真正的 HTML。

因此,对于 Outlook,您不仅要处理通常与电子邮件相关的 HTML 的限制,还要处理 Word HTML 和 XML 的古怪之处。

Outlook ( campaign monitor has a great 'does it work' reference for HTML email CSS ) 不支持您的某些样式(例如 border-radius)。

如果您迫切需要边框半径等。您可以使用 XML 和补充 MSO 条件 - 但要小心,这不仅会使代码膨胀,而且会导致一些异常行为,尤其是在回复/转发中。

开始这段代码的好地方是 buttons.cm虽然并不完美,但可以为您提供一个很好的起点。

关于html - 如何为 Outlook 2007 电子邮件模板创建 CSS 按钮?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46768877/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com