Question

我写了一个html页面，它作为电子邮件发送给我的电子邮件订阅者。 html包含表格并在我的WYSIWYG编辑器上显示灰色表格边框，但在作为电子邮件发送时会丢失边框颜色。

你能帮忙看看我如何保持边框颜色吗？谢谢！

CSS：

<style type="text/css">.ReadMsgBody { width: 100%; background-color: #ebebeb;}

    .ExternalClass {width: 100%; background-color: #ebebeb;}

    .ExternalClass, .ExternalClass p, .ExternalClass span, .ExternalClass font, .ExternalClass td, .ExternalClass div {line-height:100%;}

    body {-webkit-text-size-adjust:none; -ms-text-size-adjust:none;}

    body {margin:0; padding:0;}

    table {border-spacing:0; text-align:left;}

    table td {border-collapse:collapse;}

包含表格的HTML的一部分：

  <table>
  <tbody>
  <tr>
  <td style="padding: 5px 7px;" valign="top">
  <h3>Ipsum lorem</h3>
  </td>
  </tr>
  <tr>
  <td style="padding: 5px 7px;" valign="top">
  <h3>ipsum lorem</h3>
 </td>
 </tr>
 </tbody>
 </table>

Answer 1

所有电子邮件客户端都不支持CSS类，因此您应将所有样式作为内联CSS（style =＆＃34;＆＃34;）放置到元素中。

通常，WYSIWYG编辑器显示带边框的表格，因此用户可以更轻松地编辑表格，但您必须在编辑器外指定自己的表格样式。

所以尝试在表格中添加边框，如：

<table border="1" style="border: 1px solid #999">
..

HTML在电子邮件中显示时丢失格式

1 个答案: