村农

莫笑农家腊酒浑,丰年留客足鸡豚。


html邮件样式调整

TD

1、邮箱打开的html邮件里,什么div、p、h3、span等等标签都没点作用了,table才是大哥,一切盒子模型都靠他。注:邮箱中,行内元素和块状元素是不能修改的,且块状元素的宽、高是无法自定义的,所以使用的时候都要放在table标签中。

2、图片的宽高设置用属性来设置,不能用样式设置;

<img width="65" height="26" src="https://www.tapd.cn/img/email/logo_email.png" alt="TAPD" />

3、整体页面风格为table标签嵌套table;

4、示例代码:

<html>
 <head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> 
 </head>
 <body style="background-color:#EFF4FA; font:12px/22px '微软雅黑', Arial, '宋体'; "> 
  <table cellpadding="0" cellspacing="0" width="100%" class="block-wrap" style="width:100%;border-collapse:collapse;border-spacing:0;table-layout:auto;">
   <tbody>
    <tr>
     <td id="body" align="center" bgcolor="#EFF4FA" style="table-layout:auto;text-align:center;background-color:#EFF4FA;font:12px/22px '微软雅黑', Arial, '宋体';font-weight:normal;padding-top:20px;padding-bottom:20px;padding-left:10px;padding-right:10px;"> 
      <table cellpadding="0" cellspacing="0" id="wrapper" bgcolor="#fff" align="left" class="block-wrap" style="float:none;table-layout:auto;background-color:#fff;border:1px solid #DEE3E7;box-shadow:0 0 3px rgba(0,0,0,0.1);text-align:left;border-collapse:collapse;border-spacing:0;margin-top:0;margin-bottom:0;margin-left:auto;margin-right:auto;">
       <tbody>
        <tr>
         <td style="border:1px solid #DEE3E7;"> 
          <table cellpadding="0" cellspacing="0" width="100%" bgcolor="#4068AE" style="width:100%;background-color:#4068AE;border-collapse:collapse;border-spacing:0;table-layout:auto;"> 
           <tbody>
            <tr> 
             <td bgcolor="#4068AE" style="background-color:#4068AE;color:#fff;font-size:16px;font-weight:bold;padding-top:12px;padding-bottom:12px;padding-left:20px;padding-right:20px;"> <a href="https://www.tapd.cn/" style="color:#266298; text-decoration: none;"> <img width="65" height="26" src="https://www.tapd.cn/img/email/logo_email.png" alt="TAPD" /> </a> TAPD每日提醒 2019-08-06 </td> 
             <td bgcolor="#4068AE" width="65" align="right" style="background-color:#4068AE;color:#fff;width:65px;text-align:right;vertical-align:middle;padding-top:12px;padding-bottom:12px;padding-left:30px;padding-right:30px;"></td>
            </tr>
           </tbody>
          </table> 
          <table cellpadding="0" cellspacing="0" width="800" class="block-wrap" style="width:800px;">
           <tbody>
            <tr>
             <td style=""></td>
            </tr>
           </tbody>
          </table> 
          <table cellpadding="0" cellspacing="0" width="100%" style="width:100%;border-collapse:collapse;border-spacing:0;table-layout:auto;"> 
           <tbody>
            <tr class="blank"> 
             <td height="25" style="height:25px;"></td> 
            </tr>
            <tr>
             <td style="padding-left:30px;padding-right:30px;font-size:14px;color:#000;">Dear 代冬冬:您在TAPD上有<span style="color:red;font-weight:bold;">7</span>项工作需要处理,其中<span style="color:red;font-weight:bold;">0</span>项今日到期 </td>
            </tr>
            <tr class="blank"> 
             <td height="25" style="height:25px;"></td> 
            </tr>
           </tbody>
          </table> 
          <table cellpadding="0" cellspacing="0" style="border-collapse:collapse;border-spacing:0;table-layout:auto;"> 
           <tbody>
            <tr>
             <td class="block-title" bgcolor="#4068AE" style="background-color:#4068AE;color:#FFF;font-size:14px;line-height:22px;padding-top:4px;padding-bottom:4px;padding-left:20px;padding-right:20px;"> 已过期我未完成的工作(<span class="b">1</span>条) </td>
            </tr>
            <tr class="blank"> 
             <td height="20" style="height:20px;"></td> 
            </tr>
           </tbody>
          </table> 
          <table cellpadding="0" cellspacing="0" class="table" width="100%" style="width:100%;border-collapse:collapse;border-spacing:0;table-layout:auto;">
           <thead>
            <tr style="font:12px/22px '微软雅黑', Arial, '宋体'; font-weight: normal;">
             <th width="15%" align="left" nowrap="" bgcolor="#FAFAFA" style="width:15%;text-align:left;line-height:22px;border-top:1px solid #E6E6E6;border-bottom:1px solid #F2F2F2;white-space:nowrap;font-weight:normal;background-color:#FAFAFA;padding-left:20px;padding-top:4px;padding-bottom:4px;padding-right:8px;"> 项目 </th>
             <th width="40%" align="left" nowrap="" bgcolor="#FAFAFA" style="width:40%;text-align:left;line-height:22px;border-top:1px solid #E6E6E6;border-bottom:1px solid #F2F2F2;white-space:nowrap;font-weight:normal;background-color:#FAFAFA;padding-top:4px;padding-bottom:4px;padding-left:8px;padding-right:8px;"> 标题 </th>
             <th width="10%" align="left" nowrap="" bgcolor="#FAFAFA" style="width:10%;text-align:left;line-height:22px;border-top:1px solid #E6E6E6;border-bottom:1px solid #F2F2F2;white-space:nowrap;font-weight:normal;background-color:#FAFAFA;padding-top:4px;padding-bottom:4px;padding-left:8px;padding-right:8px;"> 优先级 </th>
             <th width="10%" align="left" nowrap="" bgcolor="#FAFAFA" style="width:10%;text-align:left;line-height:22px;border-top:1px solid #E6E6E6;border-bottom:1px solid #F2F2F2;white-space:nowrap;font-weight:normal;background-color:#FAFAFA;padding-top:4px;padding-bottom:4px;padding-left:8px;padding-right:8px;"> 处理人 </th>
             <th width="10%" align="left" nowrap="" bgcolor="#FAFAFA" style="width:10%;text-align:left;line-height:22px;border-top:1px solid #E6E6E6;border-bottom:1px solid #F2F2F2;white-space:nowrap;font-weight:normal;background-color:#FAFAFA;padding-top:4px;padding-bottom:4px;padding-left:8px;padding-right:8px;"> 状态 </th>
             <th width="10%" align="left" nowrap="" bgcolor="#FAFAFA" style="width:10%;text-align:left;line-height:22px;border-top:1px solid #E6E6E6;border-bottom:1px solid #F2F2F2;white-space:nowrap;font-weight:normal;background-color:#FAFAFA;padding-top:4px;padding-bottom:4px;padding-left:8px;padding-right:8px;"> 预计结束 </th>
            </tr>
           </thead>
           <tbody>
            <tr>
             <td align="left" nowrap="" style="font-size:12px;text-align:left;line-height:22px;border-top:1px solid #F2F2F2;border-bottom:1px solid #F2F2F2;white-space:nowrap;font-weight:normal;padding-left:20px;padding-top:4px;padding-bottom:4px;padding-right:8px;">【官网APP】</td> 
             <td align="left" nowrap="" style="font-size:12px;text-align:left;line-height:22px;border-top:1px solid #F2F2F2;border-bottom:1px solid #F2F2F2;white-space:nowrap;font-weight:normal;padding-top:4px;padding-bottom:4px;padding-left:8px;padding-right:8px;"> <a href="https://www.tapd.cn/30006118/prong/stories/view/1130006118001005502" target="_blank" style="color:#266298; text-decoration: none;"><img src="https://file.tapd.cn/img_dist/mail/tag_story-bdd3ec16f7.gif" /> <span style="margin-left: 7px;">调研H5浏览器/微信分享链接样式</span> </a> </td>
             <td align="left" nowrap="" style="font-size:12px;text-align:left;line-height:22px;border-top:1px solid #F2F2F2;border-bottom:1px solid #F2F2F2;white-space:nowrap;font-weight:normal;padding-top:4px;padding-bottom:4px;padding-left:8px;padding-right:8px;">
              <!-- @TODO 需要$TAPD3变量 --></td>
             <td align="left" nowrap="" style="font-size:12px;text-align:left;line-height:22px;border-top:1px solid #F2F2F2;border-bottom:1px solid #F2F2F2;white-space:nowrap;font-weight:normal;padding-top:4px;padding-bottom:4px;padding-left:8px;padding-right:8px;">代冬冬;</td>
             <td align="left" nowrap="" style="font-size:12px;text-align:left;line-height:22px;border-top:1px solid #F2F2F2;border-bottom:1px solid #F2F2F2;white-space:nowrap;font-weight:normal;padding-top:4px;padding-bottom:4px;padding-left:8px;padding-right:8px;">临时取消</td>
             <td align="left" nowrap="" style="font-size:12px;text-align:left;line-height:22px;border-top:1px solid #F2F2F2;border-bottom:1px solid #F2F2F2;white-space:nowrap;font-weight:normal;padding-right:20px;padding-top:4px;padding-bottom:4px;padding-left:8px;">2019-03-28</td>
            </tr> 
           </tbody>
          </table> <br /> 
          <table cellpadding="0" cellspacing="0" style="border-collapse:collapse;border-spacing:0;table-layout:auto;"> 
           <tbody>
            <tr>
             <td class="block-title" bgcolor="#4068AE" style="background-color:#4068AE;color:#FFF;font-size:14px;line-height:22px;padding-top:4px;padding-bottom:4px;padding-left:20px;padding-right:20px;"> 待处理缺陷(<span class="b">6</span>条) </td>
            </tr>
            <tr class="blank"> 
             <td height="20" style="height:20px;"></td> 
            </tr>
           </tbody>
          </table> 
          <table cellpadding="0" cellspacing="0" class="table" width="100%" style="width:100%;border-collapse:collapse;border-spacing:0;table-layout:auto;">
           <thead>
            <tr style="font:12px/22px '微软雅黑', Arial, '宋体'; font-weight: normal;">
             <th width="15%" align="left" nowrap="" bgcolor="#FAFAFA" style="width:15%;text-align:left;line-height:22px;border-top:1px solid #E6E6E6;border-bottom:1px solid #F2F2F2;white-space:nowrap;font-weight:normal;background-color:#FAFAFA;padding-left:20px;padding-top:4px;padding-bottom:4px;padding-right:8px;"> 项目 </th>
             <th width="40%" align="left" nowrap="" bgcolor="#FAFAFA" style="width:40%;text-align:left;line-height:22px;border-top:1px solid #E6E6E6;border-bottom:1px solid #F2F2F2;white-space:nowrap;font-weight:normal;background-color:#FAFAFA;padding-top:4px;padding-bottom:4px;padding-left:8px;padding-right:8px;"> 标题 </th>
             <th width="10%" align="left" nowrap="" bgcolor="#FAFAFA" style="width:10%;text-align:left;line-height:22px;border-top:1px solid #E6E6E6;border-bottom:1px solid #F2F2F2;white-space:nowrap;font-weight:normal;background-color:#FAFAFA;padding-top:4px;padding-bottom:4px;padding-left:8px;padding-right:8px;"> 优先级 </th>
             <th width="10%" align="left" nowrap="" bgcolor="#FAFAFA" style="width:10%;text-align:left;line-height:22px;border-top:1px solid #E6E6E6;border-bottom:1px solid #F2F2F2;white-space:nowrap;font-weight:normal;background-color:#FAFAFA;padding-top:4px;padding-bottom:4px;padding-left:8px;padding-right:8px;"> 严重程度 </th>
             <th width="10%" align="left" nowrap="" bgcolor="#FAFAFA" style="width:10%;text-align:left;line-height:22px;border-top:1px solid #E6E6E6;border-bottom:1px solid #F2F2F2;white-space:nowrap;font-weight:normal;background-color:#FAFAFA;padding-top:4px;padding-bottom:4px;padding-left:8px;padding-right:8px;"> 状态 </th>
             <th width="10%" align="left" nowrap="" bgcolor="#FAFAFA" style="width:10%;text-align:left;line-height:22px;border-top:1px solid #E6E6E6;border-bottom:1px solid #F2F2F2;white-space:nowrap;font-weight:normal;background-color:#FAFAFA;padding-right:20px;padding-top:4px;padding-bottom:4px;padding-left:8px;"> 发现版本 </th>
            </tr>
           </thead>
           <tbody>
            <tr>
             <td align="left" nowrap="" style="font-size:12px;text-align:left;line-height:22px;border-top:1px solid #F2F2F2;border-bottom:1px solid #F2F2F2;white-space:nowrap;font-weight:normal;padding-left:20px;padding-top:4px;padding-bottom:4px;padding-right:8px;">【服务助手】</td>
             <td align="left" nowrap="" style="font-size:12px;text-align:left;line-height:22px;border-top:1px solid #F2F2F2;border-bottom:1px solid #F2F2F2;white-space:nowrap;font-weight:normal;padding-top:4px;padding-bottom:4px;padding-left:8px;padding-right:8px;"><a href="https://www.tapd.cn/37575661/bugtrace/bugs/view?bug_id=1137575661001007895" target="_blank" style="color:#266298; text-decoration: none;"><img src="https://file.tapd.cn/img_dist/mail/tag_bug-abf18444bd.gif" /><span style="margin-left: 7px;">线上环境,订单列表页面,点击全部进行删选...</span></a></td>
             <td align="left" nowrap="" style="font-size:12px;text-align:left;line-height:22px;border-top:1px solid #F2F2F2;border-bottom:1px solid #F2F2F2;white-space:nowrap;font-weight:normal;padding-top:4px;padding-bottom:4px;padding-left:8px;padding-right:8px;"></td>
             <td align="left" nowrap="" style="font-size:12px;text-align:left;line-height:22px;border-top:1px solid #F2F2F2;border-bottom:1px solid #F2F2F2;white-space:nowrap;font-weight:normal;padding-top:4px;padding-bottom:4px;padding-left:8px;padding-right:8px;">严重</td>
             <td align="left" nowrap="" style="font-size:12px;text-align:left;line-height:22px;border-top:1px solid #F2F2F2;border-bottom:1px solid #F2F2F2;white-space:nowrap;font-weight:normal;padding-top:4px;padding-bottom:4px;padding-left:8px;padding-right:8px;">新</td>
             <td align="left" nowrap="" style="font-size:12px;text-align:left;line-height:22px;border-top:1px solid #F2F2F2;border-bottom:1px solid #F2F2F2;white-space:nowrap;font-weight:normal;padding-right:20px;padding-top:4px;padding-bottom:4px;padding-left:8px;">版本1</td>
            </tr>
            <tr>
             <td align="left" nowrap="" style="font-size:12px;text-align:left;line-height:22px;border-top:1px solid #F2F2F2;border-bottom:1px solid #F2F2F2;white-space:nowrap;font-weight:normal;padding-left:20px;padding-top:4px;padding-bottom:4px;padding-right:8px;">【服务助手】</td>
             <td align="left" nowrap="" style="font-size:12px;text-align:left;line-height:22px;border-top:1px solid #F2F2F2;border-bottom:1px solid #F2F2F2;white-space:nowrap;font-weight:normal;padding-top:4px;padding-bottom:4px;padding-left:8px;padding-right:8px;"><a href="https://www.tapd.cn/37575661/bugtrace/bugs/view?bug_id=1137575661001007902" target="_blank" style="color:#266298; text-decoration: none;"><img src="https://file.tapd.cn/img_dist/mail/tag_bug-abf18444bd.gif" /><span style="margin-left: 7px;">UAT环境,订单列表页面,获取下级联系人接口...</span></a></td>
             <td align="left" nowrap="" style="font-size:12px;text-align:left;line-height:22px;border-top:1px solid #F2F2F2;border-bottom:1px solid #F2F2F2;white-space:nowrap;font-weight:normal;padding-top:4px;padding-bottom:4px;padding-left:8px;padding-right:8px;"></td>
             <td align="left" nowrap="" style="font-size:12px;text-align:left;line-height:22px;border-top:1px solid #F2F2F2;border-bottom:1px solid #F2F2F2;white-space:nowrap;font-weight:normal;padding-top:4px;padding-bottom:4px;padding-left:8px;padding-right:8px;">一般</td>
             <td align="left" nowrap="" style="font-size:12px;text-align:left;line-height:22px;border-top:1px solid #F2F2F2;border-bottom:1px solid #F2F2F2;white-space:nowrap;font-weight:normal;padding-top:4px;padding-bottom:4px;padding-left:8px;padding-right:8px;">接受/处理</td>
             <td align="left" nowrap="" style="font-size:12px;text-align:left;line-height:22px;border-top:1px solid #F2F2F2;border-bottom:1px solid #F2F2F2;white-space:nowrap;font-weight:normal;padding-right:20px;padding-top:4px;padding-bottom:4px;padding-left:8px;">版本1</td>
            </tr>
            <tr>
             <td align="left" nowrap="" style="font-size:12px;text-align:left;line-height:22px;border-top:1px solid #F2F2F2;border-bottom:1px solid #F2F2F2;white-space:nowrap;font-weight:normal;padding-left:20px;padding-top:4px;padding-bottom:4px;padding-right:8px;">【服务助手】</td>
             <td align="left" nowrap="" style="font-size:12px;text-align:left;line-height:22px;border-top:1px solid #F2F2F2;border-bottom:1px solid #F2F2F2;white-space:nowrap;font-weight:normal;padding-top:4px;padding-bottom:4px;padding-left:8px;padding-right:8px;"><a href="https://www.tapd.cn/37575661/bugtrace/bugs/view?bug_id=1137575661001010024" target="_blank" style="color:#266298; text-decoration: none;"><img src="https://file.tapd.cn/img_dist/mail/tag_bug-abf18444bd.gif" /><span style="margin-left: 7px;">两个手机号绑定同一个邮箱,账号切换选择【...</span></a></td>
             <td align="left" nowrap="" style="font-size:12px;text-align:left;line-height:22px;border-top:1px solid #F2F2F2;border-bottom:1px solid #F2F2F2;white-space:nowrap;font-weight:normal;padding-top:4px;padding-bottom:4px;padding-left:8px;padding-right:8px;"></td>
             <td align="left" nowrap="" style="font-size:12px;text-align:left;line-height:22px;border-top:1px solid #F2F2F2;border-bottom:1px solid #F2F2F2;white-space:nowrap;font-weight:normal;padding-top:4px;padding-bottom:4px;padding-left:8px;padding-right:8px;">一般</td>
             <td align="left" nowrap="" style="font-size:12px;text-align:left;line-height:22px;border-top:1px solid #F2F2F2;border-bottom:1px solid #F2F2F2;white-space:nowrap;font-weight:normal;padding-top:4px;padding-bottom:4px;padding-left:8px;padding-right:8px;">新</td>
             <td align="left" nowrap="" style="font-size:12px;text-align:left;line-height:22px;border-top:1px solid #F2F2F2;border-bottom:1px solid #F2F2F2;white-space:nowrap;font-weight:normal;padding-right:20px;padding-top:4px;padding-bottom:4px;padding-left:8px;">版本1</td>
            </tr>
            <tr>
             <td align="left" nowrap="" style="font-size:12px;text-align:left;line-height:22px;border-top:1px solid #F2F2F2;border-bottom:1px solid #F2F2F2;white-space:nowrap;font-weight:normal;padding-left:20px;padding-top:4px;padding-bottom:4px;padding-right:8px;">【服务助手】</td>
             <td align="left" nowrap="" style="font-size:12px;text-align:left;line-height:22px;border-top:1px solid #F2F2F2;border-bottom:1px solid #F2F2F2;white-space:nowrap;font-weight:normal;padding-top:4px;padding-bottom:4px;padding-left:8px;padding-right:8px;"><a href="https://www.tapd.cn/37575661/bugtrace/bugs/view?bug_id=1137575661001010855" target="_blank" style="color:#266298; text-decoration: none;"><img src="https://file.tapd.cn/img_dist/mail/tag_bug-abf18444bd.gif" /><span style="margin-left: 7px;">交货单页面,ios手机,按钮文字没有居中</span></a></td>
             <td align="left" nowrap="" style="font-size:12px;text-align:left;line-height:22px;border-top:1px solid #F2F2F2;border-bottom:1px solid #F2F2F2;white-space:nowrap;font-weight:normal;padding-top:4px;padding-bottom:4px;padding-left:8px;padding-right:8px;"></td>
             <td align="left" nowrap="" style="font-size:12px;text-align:left;line-height:22px;border-top:1px solid #F2F2F2;border-bottom:1px solid #F2F2F2;white-space:nowrap;font-weight:normal;padding-top:4px;padding-bottom:4px;padding-left:8px;padding-right:8px;">一般</td>
             <td align="left" nowrap="" style="font-size:12px;text-align:left;line-height:22px;border-top:1px solid #F2F2F2;border-bottom:1px solid #F2F2F2;white-space:nowrap;font-weight:normal;padding-top:4px;padding-bottom:4px;padding-left:8px;padding-right:8px;">新</td>
             <td align="left" nowrap="" style="font-size:12px;text-align:left;line-height:22px;border-top:1px solid #F2F2F2;border-bottom:1px solid #F2F2F2;white-space:nowrap;font-weight:normal;padding-right:20px;padding-top:4px;padding-bottom:4px;padding-left:8px;"></td>
            </tr>
            <tr>
             <td align="left" nowrap="" style="font-size:12px;text-align:left;line-height:22px;border-top:1px solid #F2F2F2;border-bottom:1px solid #F2F2F2;white-space:nowrap;font-weight:normal;padding-left:20px;padding-top:4px;padding-bottom:4px;padding-right:8px;">【服务助手】</td>
             <td align="left" nowrap="" style="font-size:12px;text-align:left;line-height:22px;border-top:1px solid #F2F2F2;border-bottom:1px solid #F2F2F2;white-space:nowrap;font-weight:normal;padding-top:4px;padding-bottom:4px;padding-left:8px;padding-right:8px;"><a href="https://www.tapd.cn/37575661/bugtrace/bugs/view?bug_id=1137575661001011377" target="_blank" style="color:#266298; text-decoration: none;"><img src="https://file.tapd.cn/img_dist/mail/tag_bug-abf18444bd.gif" /><span style="margin-left: 7px;">点击【导出交货单】,打开交货单excel文件,...</span></a></td>
             <td align="left" nowrap="" style="font-size:12px;text-align:left;line-height:22px;border-top:1px solid #F2F2F2;border-bottom:1px solid #F2F2F2;white-space:nowrap;font-weight:normal;padding-top:4px;padding-bottom:4px;padding-left:8px;padding-right:8px;"></td>
             <td align="left" nowrap="" style="font-size:12px;text-align:left;line-height:22px;border-top:1px solid #F2F2F2;border-bottom:1px solid #F2F2F2;white-space:nowrap;font-weight:normal;padding-top:4px;padding-bottom:4px;padding-left:8px;padding-right:8px;">一般</td>
             <td align="left" nowrap="" style="font-size:12px;text-align:left;line-height:22px;border-top:1px solid #F2F2F2;border-bottom:1px solid #F2F2F2;white-space:nowrap;font-weight:normal;padding-top:4px;padding-bottom:4px;padding-left:8px;padding-right:8px;">新</td>
             <td align="left" nowrap="" style="font-size:12px;text-align:left;line-height:22px;border-top:1px solid #F2F2F2;border-bottom:1px solid #F2F2F2;white-space:nowrap;font-weight:normal;padding-right:20px;padding-top:4px;padding-bottom:4px;padding-left:8px;"></td>
            </tr> 
            <tr>
             <td align="left" nowrap="" style="font-size:12px;text-align:left;line-height:22px;border-top:1px solid #F2F2F2;border-bottom:1px solid #F2F2F2;white-space:nowrap;font-weight:normal;padding-left:20px;padding-top:4px;padding-bottom:4px;padding-right:8px;">【找货工具】</td>
             <td align="left" nowrap="" style="font-size:12px;text-align:left;line-height:22px;border-top:1px solid #F2F2F2;border-bottom:1px solid #F2F2F2;white-space:nowrap;font-weight:normal;padding-top:4px;padding-bottom:4px;padding-left:8px;padding-right:8px;"><a href="https://www.tapd.cn/52375689/bugtrace/bugs/view?bug_id=1152375689001006312" target="_blank" style="color:#266298; text-decoration: none;"><img src="https://file.tapd.cn/img_dist/mail/tag_bug-abf18444bd.gif" /><span style="margin-left: 7px;">找货工具--添加清单的蒙层,没有覆盖完全页...</span></a></td>
             <td align="left" nowrap="" style="font-size:12px;text-align:left;line-height:22px;border-top:1px solid #F2F2F2;border-bottom:1px solid #F2F2F2;white-space:nowrap;font-weight:normal;padding-top:4px;padding-bottom:4px;padding-left:8px;padding-right:8px;"></td>
             <td align="left" nowrap="" style="font-size:12px;text-align:left;line-height:22px;border-top:1px solid #F2F2F2;border-bottom:1px solid #F2F2F2;white-space:nowrap;font-weight:normal;padding-top:4px;padding-bottom:4px;padding-left:8px;padding-right:8px;">一般</td>
             <td align="left" nowrap="" style="font-size:12px;text-align:left;line-height:22px;border-top:1px solid #F2F2F2;border-bottom:1px solid #F2F2F2;white-space:nowrap;font-weight:normal;padding-top:4px;padding-bottom:4px;padding-left:8px;padding-right:8px;">新</td>
             <td align="left" nowrap="" style="font-size:12px;text-align:left;line-height:22px;border-top:1px solid #F2F2F2;border-bottom:1px solid #F2F2F2;white-space:nowrap;font-weight:normal;padding-right:20px;padding-top:4px;padding-bottom:4px;padding-left:8px;"></td>
            </tr> 
           </tbody>
          </table> <br />
          <table>
           <tbody>
            <tr class="blank"> 
             <td height="20" style="height:20px;"></td> 
            </tr>
           </tbody>
          </table> 
          <table>
           <tbody>
            <tr class="blank"> 
             <td height="30" style="height:30px;"></td> 
            </tr>
           </tbody>
          </table></td>
        </tr>
       </tbody>
      </table>
      <table cellpadding="0" cellspacing="0" width="100%" class="block-wrap" style="width:100%;">
       <tbody>
        <tr>
         <td align="center" style="padding-top:30px;text-align:center;">
          <div style="font-size:14px;height:50px;color:#266298;">
           如果你不想收到TAPD的邮件提醒,可以在PC端【项目设置 &gt; 消息与报告 &gt; 通知设置】中进行配置
          </div><a href="https://www.tapd.cn/"><img style="border:none;" width="65" height="26" src="https://www.tapd.cn/img/email/logo_email.png" alt="TAPD" /></a></td>
        </tr>
       </tbody>
      </table></td>
    </tr>
   </tbody>
  </table> 
 </body>
</html>

5、付nodejs邮件发送代码:

const nodemailer = require('nodemailer');

let transporter = nodemailer.createTransport({
    service:'QQ',
    port:465,
    secureConnection:true,
    auth:{
        user:'747386743@qq.com',
        pass:'oxyuqypblffubdcd'
    }
});
let mailOptions = {
    from : '"TD-winter" <747386743@qq.com>',
    to:'ye747386743@163.com',
    subject:'email',
    html:``
};

transporter.sendMail(mailOptions,(err,info) => {
    if(err){

    }
    console.log('message sent',info);
})