html - MailChimp HTML 电子邮件模板扩展了表格行的部分背景

问题描述

我正在编写一个自定义电子邮件模板 HTML/CSS，我需要复制附加的图像。我的问题是关于蓝色背景颜色元素，它超出了两个表格行，一个是“欢迎来到这个家庭”，另一个包含视频。我该如何实施？

<!-- BEGIN MODULE: BODY CONTENT // -->
<table border="0" cellpadding="0" cellspacing="0" width="100%" align="center" valign="top">
   <tr>
      <td valign="top" style="background-color:#1D75B9; border:0;">
         <h2 style="margin:40px 20px; text-transform:capitalize; text-align:center;">Welcome to the family!</h2>
      </td>
   </tr>    
   <tr>
      <td valign="top">*|YOUTUBE:[$vid=fj77lSG6Bl8, $max_width=500, $ratings=N, $views=N, $border=N, $title=N, $trim_border=N]|*
      </td>
   </tr>
</table>
<!-- // END MODULE: BODY CONTENT -->

要编码的电子邮件图像

任何做出同样事情的例子都会对我有所帮助。

谢谢你

标签： htmlcssemailhtml-emailmailchimp

你可以这样做：


<body style="margin:0px; padding:0px;">
        <div align="center">
                <table border="0" cellpadding="0" cellspacing="0" width="100%" align="center" valign="top">
                   <tr>
                      <td valign="top">
                        <img src="WvLArjpg6991210.png">
                      </td>
                   </tr>    
                   <tr>
                      <td valign="top">
                        <img src="second.png" width="461">
                      </td>
                   </tr>
                </table>
            </div>
    </body>

您已将图像切成碎片并用于<tr><td><img src></td></tr>

html - MailChimp HTML 电子邮件模板扩展了表格行的部分背景

问题描述

解决方案

推荐阅读