gpt4 book ai didi

css - 如何制作可在 Outlook 中使用的填充框?

转载 作者:太空宇宙 更新时间:2023-11-03 19:44:51 25 4
gpt4 key购买 nike

我发现自己在设计电子邮件 HTML 和 CSS,我正在尝试制作一个具有彩色背景并在文本周围填充一些填充(垂直和水平居中)的按钮,该按钮可在 Outlook 2007/2010/2013 中使用

<span style="background: orange;
padding: 5px 10px;">Foo bar</span>

如何在 Outlook 中实现它?

我怀疑答案涉及一个表格,其中包含一些 1990 年代已弃用的 HTML 属性。

最佳答案

我看到的一个很好的方法是像这样添加边框(产生填充感):

<a id="button-a-tag" style="font-size: 18px; font-family: Helvetica, Arial, sans-serif; font-weight: normal; color: #ffffff; text-decoration: none; background-color: #256F9C; border-top: 15px solid #256F9C; border-bottom: 15px solid #256F9C; border-left: 25px solid #256F9C; border-right: 25px solid #256F9C; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; display: inline-block;">my button</a>

http://codepen.io/anon/pen/adVeQO - codepen 它在浏览器上的外观

这是它在外观上的样子-

this is how it looks on outlook

关于css - 如何制作可在 Outlook 中使用的填充框?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32639797/

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