在 Outlook 中的 <table> 上忽略边框的内联样式答案

【问题标题】：Inline style for border being ignored on <table> in Outlook在 Outlook 中的 <table> 上忽略边框的内联样式
【发布时间】：2019-09-04 22:30:02
【问题描述】：

基本上有这个<table style="border: 1px solid #000000">，它应该在整个表格周围放置一个小边框。在除 Outlook 2016 之外的所有其他电子邮件客户端中看起来都很好。它的每个边框都在 <td> 级别，但在 <table> 标记处没有外边框。

border-top: 1px solid #000000 也有同样的问题。

HTML <table border="1"> 属性不适用于我的情况，因为它太厚了。

此外，以下是该表标记中的每个属性，以防可能导致问题：

<table
  class="module"
  role="module"
  data-type="code"
  border="0"
  cellpadding="0"
  cellspacing="0"
  width="100%"
  style="table-layout: fixed;border: 1px solid #000000;"
>

我最终只做了<table style="border-collapse: collapse"> 和<td style="border: 1px solid #0000000">，效果很好，但只是对我最初拥有的东西感到好奇。

【问题讨论】：

我找不到任何“明确”的答案。从表面上看，直到 2017 年，仍然有绝大多数电子邮件客户端不能很好地处理边界。听起来如果你想出现边框，你只需要做一堆奇怪的解决方法。抱歉，我无法为您提供明确的答案，这是每个人实施方式不同的事情之一，因为他们没有说明应该如何完成的规范。

标签： html css html-email outlook-2016

【解决方案1】：

 <table cellspacing='0' cellpadding="0" border="1" bordercolor="red">
    <tr>
        <td>
            Lorem Ipsum dummy text~
        </td>
    </tr>
</table>

这对我来说很好用。尝试同时使用样式和 Outlook 代码。希望能成功

【讨论】：