Html 如何获得BGTD'；It’伸展以适应

使用需要在Outlook 365中使用的模板。不确定为什么橙色线条没有延伸以填充空间。这是一封HTML电子邮件，因此不能使用Divs

代码笔：

---

在这里，您只需要声明这些行的宽度

<table width="600" cellpadding="0" cellspacing="0">
  <tr>
    <td colspan="3" height="20" bgcolor="gray"></td>
  </tr>

  <tr id="wants_an_intro" style="font-family: 'HelveticaNeue-Light', 'Helvetica Neue Light', 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif; color:#006497; text-align:center; font-size:24px; color: #f67b1e; width: 100%;">

    <td style="width:30%" height="1"> <!-- width:30% -->
      <table width="100%" cellpadding="0" cellspacing="0" border="0">
        <tr><td width="100%" height="1" bgcolor="#f67b1e"></td></tr>
      </table>
      <!-- <hr style="width: 100%; border-right: 0; border-left: 0; border: 1px solid #f67b1e;"> -->
    </td>

    <td style="font-family: 'HelveticaNeue-Light', 'Helvetica Neue Light', 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif; font-size:1em; color:#f67b1e;">wants an intro to</td>

    <td style="width:30%" height="1"> <!-- width:30% -->
      <table width="100%" cellpadding="0" cellspacing="0" border="0">
        <tr><td width="100%" height="1" bgcolor="#f67b1e"></td></tr>
      </table>
      <!-- <hr style="width: 100%; border-right: 0; border-left: 0; border: 1px solid #f67b1e;"> -->
    </td>

  </tr>

  <tr>
    <td colspan="3" height="20" bgcolor="gray"></td>
  </tr>
</table>

想介绍一下

或--------

想介绍一下

只需将

宽度设置为两行或一行的
td
，文本取决于您想要的内容

查看演示
天哪，我以为我看到了。。。这就是我工作到很晚的收获哈哈，谢谢你
<table width="600" cellpadding="0" cellspacing="0">
  <tr>
    <td colspan="3" height="20" bgcolor="gray"></td>
  </tr>

  <tr id="wants_an_intro" style="font-family: 'HelveticaNeue-Light', 'Helvetica Neue Light', 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif; color:#006497; text-align:center; font-size:24px; color: #f67b1e; width: 100%;">

    <td style="width:30%" height="1"> <!-- width:30% -->
      <table width="100%" cellpadding="0" cellspacing="0" border="0">
        <tr><td width="100%" height="1" bgcolor="#f67b1e"></td></tr>
      </table>
      <!-- <hr style="width: 100%; border-right: 0; border-left: 0; border: 1px solid #f67b1e;"> -->
    </td>

    <td style="font-family: 'HelveticaNeue-Light', 'Helvetica Neue Light', 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif; font-size:1em; color:#f67b1e;">wants an intro to</td>

    <td style="width:30%" height="1"> <!-- width:30% -->
      <table width="100%" cellpadding="0" cellspacing="0" border="0">
        <tr><td width="100%" height="1" bgcolor="#f67b1e"></td></tr>
      </table>
      <!-- <hr style="width: 100%; border-right: 0; border-left: 0; border: 1px solid #f67b1e;"> -->
    </td>

  </tr>

  <tr>
    <td colspan="3" height="20" bgcolor="gray"></td>
  </tr>
</table>

<table width="600" cellpadding="0" cellspacing="0">
  <tr>
    <td colspan="3" height="20" bgcolor="gray"></td>
  </tr>

  <tr id="wants_an_intro" style="font-family: 'HelveticaNeue-Light', 'Helvetica Neue Light', 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif; color:#006497; text-align:center; font-size:24px; color: #f67b1e; width: 100%;">

    <td  width="30%" style="" height="1">
      <table width="100%" cellpadding="0" cellspacing="0" border="0">
        <tr><td width="100%" height="1" bgcolor="#f67b1e"></td></tr>
      </table>
      <!-- <hr style="width: 100%; border-right: 0; border-left: 0; border: 1px solid #f67b1e;"> -->
    </td>

    <td style="font-family: 'HelveticaNeue-Light', 'Helvetica Neue Light', 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif; font-size:1em; color:#f67b1e;">wants an intro to</td>

    <td width="30%" style="" height="1">
      <table width="100%" cellpadding="0" cellspacing="0" border="0">
        <tr><td width="100%" height="1" bgcolor="#f67b1e"></td></tr>
      </table>
      <!-- <hr style="width: 100%; border-right: 0; border-left: 0; border: 1px solid #f67b1e;"> -->
    </td>

  </tr>

  <tr>
    <td colspan="3" height="20" bgcolor="gray"></td>
  </tr>

</table>