html-邮件模板(适合电商推送邮件)

代码如下

<!DOCTYPE html>
<html>
<head>
<title>Push Email</title>
</script>
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<style type="text/css">
/*** BMEMBF Start ***/
[name=bmeMainBody]{min-height:1000px;}
@media only screen and (max- 480px){table.blk, table.tblText, .bmeHolder, .bmeHolder1, table.bmeMainColumn{100% !important;} }
@media only screen and (max- 480px){.bmeImageCard table.bmeCaptionTable td.tblCell{padding:0px 20px 20px 20px !important;} }
@media only screen and (max- 480px){.bmeImageCard table.bmeCaptionTable.bmeCaptionTableMobileTop td.tblCell{padding:20px 20px 0 20px !important;} }
@media only screen and (max- 480px){table.bmeCaptionTable td.tblCell{padding:10px !important;} }
@media only screen and (max- 480px){table.tblGtr{ padding-bottom:20px !important;} }
@media only screen and (max- 480px){td.blk_container, .blk_parent, .bmeLeftColumn, .bmeRightColumn, .bmeColumn1, .bmeColumn2, .bmeColumn3, .bmeBody{display:table !important;max-600px !important;100% !important;} }
@media only screen and (max- 480px){table.container-table, .bmeheadertext, .container-table { 95% !important; } }
@media only screen and (max- 480px){.mobile-footer, .mobile-footer a{ font-size: 13px !important; line-height: 18px !important; } .mobile-footer{ text-align: center !important; } table.share-tbl { padding-bottom: 15px; 100% !important; } table.share-tbl td { display: block !important; text-align: center !important; 100% !important; } }
@media only screen and (max- 480px){td.bmeShareTD, td.bmeSocialTD{ 100% !important; } }
@media only screen and (max- 480px){td.tdBoxedTextBorder{ auto !important;}}
@media only screen and (max- 480px){table.blk, table[name=tblText], .bmeHolder, .bmeHolder1, table[name=bmeMainColumn]{100% !important;} }
@media only screen and (max- 480px){.bmeImageCard table.bmeCaptionTable td[name=tblCell]{padding:0px 20px 20px 20px !important;} }
@media only screen and (max- 480px){.bmeImageCard table.bmeCaptionTable.bmeCaptionTableMobileTop td[name=tblCell]{padding:20px 20px 0 20px !important;} }
@media only screen and (max- 480px){table.bmeCaptionTable td[name=tblCell]{padding:10px !important;} }
@media only screen and (max- 480px){table[name=tblGtr]{ padding-bottom:20px !important;} }
@media only screen and (max- 480px){td.blk_container, .blk_parent, [name=bmeLeftColumn], [name=bmeRightColumn], [name=bmeColumn1], [name=bmeColumn2], [name=bmeColumn3], [name=bmeBody]{display:table !important;max-600px !important;100% !important;} }
@media only screen and (max- 480px){table[class=container-table], .bmeheadertext, .container-table { 95% !important; } }
@media only screen and (max- 480px){.mobile-footer, .mobile-footer a{ font-size: 13px !important; line-height: 18px !important; } .mobile-footer{ text-align: center !important; } table[class="share-tbl"] { padding-bottom: 15px; 100% !important; } table[class="share-tbl"] td { display: block !important; text-align: center !important; 100% !important; } }
@media only screen and (max- 480px){td[name=bmeShareTD], td[name=bmeSocialTD]{ 100% !important; } }
@media only screen and (max- 480px){td[name=tdBoxedTextBorder]{ auto !important;}}
@media only screen and (max- 480px){.bmeImageCard table.bmeImageTable{height: auto !important; 100% !important; padding:20px !important;clear:both; float:left !important; border-collapse: separate;} }
@media only screen and (max- 480px){.bmeMblInline table.bmeImageTable{height: auto !important; 100% !important; padding:10px !important;clear:both;} }
@media only screen and (max- 480px){.bmeMblInline table.bmeCaptionTable{100% !important; clear:both;} }
@media only screen and (max- 480px){table.bmeImageTable{height: auto !important; 100% !important; padding:10px !important;clear:both; } }
@media only screen and (max- 480px){table.bmeCaptionTable{100% !important; clear:both;} }
@media only screen and (max- 480px){table.bmeImageContainer{100% !important; clear:both; float:left !important;} }
@media only screen and (max- 480px){table.bmeImageTable td{padding:0px !important; height: auto; } }
@media only screen and (max- 480px){td.bmeImageContainerRow{padding:0px !important;}}
@media only screen and (max- 480px){img.mobile-img-large{100% !important; height:auto !important;} }
@media only screen and (max- 480px){img.bmeRSSImage{max-320px; height:auto !important;}}
@media only screen and (min- 640px){img.bmeRSSImage{max-600px !important; height:auto !important;} }
@media only screen and (max- 480px){.trMargin img{height:10px;} }
@media only screen and (max- 480px){div.bmefooter, div.bmeheader{ display:block !important;} }
@media only screen and (max- 480px){.tdPart{ 100% !important; clear:both; float:left !important; } }
@media only screen and (max- 480px){table.blk_parent1, table.tblPart { 100% !important; } }
@media only screen and (max- 480px){.tblLine{min- 100% !important;}}
@media only screen and (max- 480px){.bmeMblCenter img { margin: 0 auto; } }
@media only screen and (max- 480px){.bmeMblCenter, .bmeMblCenter div, .bmeMblCenter span { text-align: center !important; text-align: -webkit-center !important; } }
@media only screen and (max- 480px){.bmeNoBr br, .bmeImageGutterRow, .bmeMblStackCenter .bmeShareItem .tdMblHide { display: none !important; } }
@media only screen and (max- 480px){.bmeMblInline table.bmeImageTable, .bmeMblInline table.bmeCaptionTable, td.bmeMblInline { clear: none !important; 50% !important; } }
@media only screen and (max- 480px){.bmeMblInlineHide, .bmeShareItem .trMargin { display: none !important; } }
@media only screen and (max- 480px){.bmeMblInline table.bmeImageTable img, .bmeMblShareCenter.tblContainer.mblSocialContain, .bmeMblFollowCenter.tblContainer.mblSocialContain{ 100% !important; } }
@media only screen and (max- 480px){.bmeMblStack> .bmeShareItem{ 100% !important; clear: both !important;} }
@media only screen and (max- 480px){.bmeShareItem{padding-top: 10px !important;} }
@media only screen and (max- 480px){.tdPart.bmeMblStackCenter, .bmeMblStackCenter .bmeFollowItemIcon {padding:0px !important; text-align: center !important;} }
@media only screen and (max- 480px){.bmeMblStackCenter> .bmeShareItem{ 100% !important;} }
@media only screen and (max- 480px){ td.bmeMblCenter {border: 0 none transparent !important;}}
@media only screen and (max- 480px){.bmeLinkTable.tdPart td{padding-left:0px !important; padding-right:0px !important; border:0px none transparent !important;padding-bottom:15px !important;height: auto !important;}}
@media only screen and (max- 480px){.tdMblHide{10px !important;} }
@media only screen and (max- 480px){.bmeShareItemBtn{display:table !important;}}
@media only screen and (max- 480px){.bmeMblStack td {text-align: left !important;}}
@media only screen and (max- 480px){.bmeMblStack .bmeFollowItem{clear:both !important; padding-top: 10px !important;}}
@media only screen and (max- 480px){.bmeMblStackCenter .bmeFollowItemText{padding-left: 5px !important;}}
@media only screen and (max- 480px){.bmeMblStackCenter .bmeFollowItem{clear:both !important;align-self:center; float:none !important; padding-top:10px;margin: 0 auto;}}
@media only screen and (max- 480px){
.tdPart> table{100% !important;}
}
@media only screen and (max- 480px){.tdPart>table.bmeLinkContainer{ auto !important; }}
@media only screen and (max- 480px){.tdPart.mblStackCenter>table.bmeLinkContainer{ 100% !important;}}
.blk_parent:first-child, .blk_parent{float:left;}
.blk_parent:last-child{float:right;}
/*** BMEMBF END ***/

table[name="bmeMainBody"], body {background-color:#000000;}
td[name="bmePreHeader"] {background-color:transparent;}
td[name="bmeHeader"] {background:#ffffff;background-color:#000000;}
td[name="bmeBody"], table[name="bmeBody"] {background-color:#ffffff;}
td[name="bmePreFooter"] {background-color:#ffffff;}
td[name="bmeFooter"] {background-color:transparent;}
td[name="tblCell"], .blk {font-family:initial;font-weight:normal;font-size:initial;}
table[name="blk_blank"] td[name="tblCell"] {font-family:Arial, Helvetica, sans-serif;font-size:14px;}
[name=bmeMainContentParent] {border-color:#666666;border-0px;border-style:none;border-radius:0px;border-collapse:separate;border-spacing:0px;overflow:hidden;}
[name=bmeMainColumnParent] {border-color:transparent;border-0px;border-style:none;border-radius:0px;}
[name=bmeMainColumn] {border-color:transparent;border-0px;border-style:none;border-radius:0px;border-collapse:separate;border-spacing:0px;}
[name=bmeMainContent] {border-color:transparent;border-0px;border-style:none;border-radius:0px;border-collapse:separate;border-spacing:0px;}

</style>
</head>
<body marginheight=0 marginwidth=0 topmargin=0 leftmargin=0
style="height: 100% !important; margin: 0; padding: 0; 100% !important; min- 100%;">
<table width="100%" cellspacing="0" cellpadding="0" border="0"
name="bmeMainBody" style="background-color: rgb(0, 0, 0);"
bgcolor="#000000">
<tbody>
<tr>
<td width="100%" valign="top" align="center">
<table cellspacing="0" cellpadding="0" border="0"
name="bmeMainColumnParentTable">
<tbody>
<tr>
<td name="bmeMainColumnParent"
style="border: 0px none transparent; border-radius: 0px; border-collapse: separate;">
<table name="bmeMainColumn" class="bmeHolder bmeMainColumn"
style="max- 600px; overflow: visible; border-radius: 0px; border-collapse: separate; border-spacing: 0px;"
cellspacing="0" cellpadding="0" border="0" align="center">
<tbody>
<tr>
<td width="100%" class="blk_container bmeHolder"
name="bmePreHeader" valign="top" align="center"
style="color: rgb(102, 102, 102); border: 0px none transparent;"
bgcolor=""></td>
</tr>
<tr>
<td width="100%" class="bmeHolder" valign="top"
align="center" name="bmeMainContentParent"
style="border: 0px none rgb(102, 102, 102); border-radius: 0px; border-collapse: separate; border-spacing: 0px; overflow: hidden;">
<table name="bmeMainContent"
style="border-radius: 0px; border-collapse: separate; border-spacing: 0px; border: 0px none transparent;"
width="100%" cellspacing="0" cellpadding="0" border="0"
align="center">
<tbody>
<tr>
<td width="100%" class="blk_container bmeHolder"
name="bmeHeader" valign="top" align="center"
style="color: rgb(56, 56, 56); border: 0px none transparent; background-color: rgb(0, 0, 0);"
bgcolor="#000000"><div id="dv_1"
class="blk_wrapper" style="">
<table width="600" cellspacing="0" cellpadding="0"
border="0" class="blk" name="blk_text">
<tbody>
<tr>
<td>
<table cellpadding="0" cellspacing="0" border="0"
width="100%" class="bmeContainerRow">
<tbody>
<tr>
<td class="tdPart" valign="top" align="center">
<table cellspacing="0" cellpadding="0"
border="0" width="600" name="tblText"
style="float: left; background-color: transparent;"
align="left" class="tblText">
<tbody>
<tr>
<td valign="top" align="left"
name="tblCell"
style="padding: 20px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: 400; color: rgb(56, 56, 56); text-align: left;"
class="tblCell"><div
style="line-height: 150%; text-align: center;">
<!-- <span
style="font-size: 12px; font-family: Helvetica, Arial, sans-serif; color: #939393; line-height: 150%;">Semi
Annual </span>
<span style="font-size: 12px; font-family: Helvetica, Arial, sans-serif; color: #d63c3c; line-height: 150%;"><strong>Flash
Sale Week</strong></span> -->
</div></td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</div></td>
</tr>
<tr>
<td width="100%" class="blk_container bmeHolder bmeBody"
name="bmeBody" valign="top" align="center"
style="color: rgb(56, 56, 56); border: 0px none transparent; background-color: rgb(255, 255, 255);"
bgcolor="#ffffff"><div id="dv_11"
class="blk_wrapper" style="">
<table width="600" cellspacing="0" cellpadding="0"
border="0" class="blk" name="blk_divider" style="">
<tbody>
<tr>
<td class="tblCellMain" style="padding: 10px 20px;">
<table class="tblLine" cellspacing="0"
cellpadding="0" border="0" width="100%"
style="border-top- 0px; border-top-style: none; min- 1px;">
<tbody>
<tr>
<td><span></span></td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</div>
<div id="dv_3" class="blk_wrapper" style="">
<table width="600" cellspacing="0" cellpadding="0"
border="0" class="blk" name="blk_image">
<tbody>
<tr>
<td>
<table width="100%" cellspacing="0"
cellpadding="0" border="0">
<tbody>
<tr>
<td align="center" class="bmeImage"
style="border-collapse: collapse; padding: 20px;"><img
src="https://benchmarkemail.com/images/templates_n/new_editor/Templates/FlashSale/Logo.png"
width="90"
style="max- 90px; display: block; 90px;"
alt="" border="0"></td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</div>
<div id="dv_9" class="blk_wrapper" style="">
<table width="600" cellspacing="0" cellpadding="0"
border="0" class="blk" name="blk_divider" style="">
<tbody>
<tr>
<td class="tblCellMain" style="padding: 20px 0px;">
<table class="tblLine" cellspacing="0"
cellpadding="0" border="0" width="100%"
style="border-top- 1px; border-top-color: rgb(223, 223, 223); border-top-style: solid; min- 1px;">
<tbody>
<tr>
<td><span></span></td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</div>
<div id="dv_12" class="blk_wrapper" style="">
<table width="600" cellspacing="0" cellpadding="0"
border="0" class="blk" name="blk_card">
<tbody>
<tr>
<td class="bmeImageCard" align="center"
style="padding-left: 20px; padding-right: 20px; padding-top: 0px; padding-bottom: 0px;">
<table width="100%" cellspacing="0"
cellpadding="0" border="0">
<tbody>
<tr>
<td valign="top" class="bmeImageContainer"
style="border-collapse: collapse; background-color: rgba(0, 0, 0, 0);"
width="560">
<table cellspacing="0" cellpadding="0"
border="0" width="100%">
<tbody>
<tr>
<td valign="top" align="center"
class="tdPart">
<table cellspacing="0" cellpadding="0"
border="0" class="bmeCaptionTable"
style="float: left;" width="373"
align="left">
<tbody>
<tr>
<td
style="padding: 20px 0px 20px 20px; font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-size: 14px; color: rgb(56, 56, 56); text-align: left;"
name="tblCell" valign="top"
align="left" class="tblCell"><div
style="line-height: 150%;">
<span
style="font-size: 18px; font-family: Helvetica, Arial, sans-serif; color: #1e1e1e; line-height: 150%;"><strong>FRIENDS
AND FAMILY EVENT</strong></span> <br> <span
style="font-size: 30px; font-family: Helvetica, Arial, sans-serif; color: #d63c3c; line-height: 150%;">
<em><strong>SAVE 10%</strong></em>
</span> <br> <span
style="font-size: 14px; font-family: Helvetica, Arial, sans-serif; color: #929292; line-height: 150%;"><strong>2
days only -</strong> Valid for all men's
clothing</span> <br> <br> <br>
<span
style="font-size: 14px; font-family: Helvetica, Arial, sans-serif; color: #929292; line-height: 150%;">Use
code: </span><span
style="font-size: 14px; font-family: Helvetica, Arial, sans-serif; color: #d63c3c; line-height: 150%;"><strong>QprZ01</strong></span>
</div></td>
</tr>
</tbody>
</table>
</td>
<td valign="top" align="center"
class="tdPart">
<table cellspacing="0" cellpadding="0"
border="0" class="bmeImageTable"
style="float: right; height: 222px;"
align="right" dimension="30%" width="187"
height="222">
<tbody>
<tr>
<td name="bmeImgHolder"
style="padding: 20px;" align="left"
valign="top" height="182"><img
src="https://benchmarkemail.com/images/templates_n/new_editor/Templates/FlashSale/Jacket.jpg"
width="147"
style="max- 250px; display: block;"
alt="" border="0"></td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</div>
<div id="dv_13" class="blk_wrapper" style="">
<table width="600" cellspacing="0" cellpadding="0"
border="0" class="blk" name="blk_button" style="">
<tbody>
<tr>
<td width="40"></td>
<td align="center">
<table class="tblContainer" cellspacing="0"
cellpadding="0" border="0" width="100%">
<tbody>
<tr>
<td height="0"></td>
</tr>
<tr>
<td align="left">
<table cellspacing="0" cellpadding="0"
border="0" class="bmeButton" align="left"
style="border-collapse: separate;">
<tbody>
<tr>
<td
style="border-radius: 20px; border: 0px none transparent; text-align: center; font-family: Arial, Helvetica, sans-serif; font-size: 14px; padding: 10px 40px; font-weight: bold; background-color: rgb(214, 60, 60);"
class="bmeButtonText"><span
style="font-family: Helvetica, Arial, sans-serif; font-size: 14px; color: rgb(255, 255, 255);">
<a
style="color: #FFFFFF; text-decoration: none;"
target="_blank">Shop Now</a>
</span></td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td height="0"></td>
</tr>
</tbody>
</table>
</td>
<td width="40"></td>
</tr>
</tbody>
</table>
</div>
<div id="dv_14" class="blk_wrapper" style="">
<table width="600" cellspacing="0" cellpadding="0"
border="0" class="blk" name="blk_divider" style="">
<tbody>
<tr>
<td class="tblCellMain" style="padding: 10px 0px;">
<table class="tblLine" cellspacing="0"
cellpadding="0" border="0" width="100%"
style="border-top- 0px; border-top-style: none; min- 1px;">
<tbody>
<tr>
<td><span></span></td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</div>
<div id="dv_4" class="blk_wrapper" style="">
<table width="600" cellspacing="0" cellpadding="0"
border="0" class="blk" name="blk_divider" style="">
<tbody>
<tr>
<td class="tblCellMain" style="padding: 20px 0px;">
<table class="tblLine" cellspacing="0"
cellpadding="0" border="0" width="100%"
style="border-top- 1px; border-top-color: rgb(223, 223, 223); border-top-style: solid; min- 1px;">
<tbody>
<tr>
<td><span></span></td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</div>
<div id="dv_15" class="blk_wrapper" style="">
<table width="600" cellspacing="0" cellpadding="0"
border="0" class="blk" name="blk_card">
<tbody>
<tr>
<td class="bmeImageCard" align="center"
style="padding-left: 20px; padding-right: 20px; padding-top: 0px; padding-bottom: 0px;">
<table width="100%" cellspacing="0"
cellpadding="0" border="0">
<tbody>
<tr>
<td valign="top" class="bmeImageContainer"
style="border-collapse: collapse; background-color: rgba(0, 0, 0, 0);"
width="560">
<table cellspacing="0" cellpadding="0"
border="0" width="100%">
<tbody>
<tr>
<td valign="top" align="center"
class="tdPart">
<table cellspacing="0" cellpadding="0"
border="0" class="bmeCaptionTable"
style="float: left;" width="373"
align="left">
<tbody>
<tr>
<td
style="padding: 20px 0px 20px 20px; font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-size: 14px; color: rgb(56, 56, 56); text-align: left;"
name="tblCell" valign="top"
align="left" class="tblCell"><div
style="line-height: 150%;">
<span
style="font-size: 18px; font-family: Helvetica, Arial, sans-serif; color: #1e1e1e; line-height: 150%;"><strong>SPEND
$75 OR MORE</strong></span> <br> <span
style="font-size: 30px; font-family: Helvetica, Arial, sans-serif; color: #d63c3c; line-height: 150%;">
<em><strong>SAVE 15%</strong></em>
</span> <br> <span
style="font-size: 14px; font-family: Helvetica, Arial, sans-serif; color: #929292; line-height: 150%;"><strong>3
days only -</strong> All handbag &
accessories</span> <br> <br> <br>
<span
style="font-size: 14px; font-family: Helvetica, Arial, sans-serif; color: #929292; line-height: 150%;">Use
code: </span><span
style="font-size: 14px; font-family: Helvetica, Arial, sans-serif; color: #d63c3c; line-height: 150%;"><strong>QprZ33</strong></span>
</div></td>
</tr>
</tbody>
</table>
</td>
<td valign="top" align="center"
class="tdPart">
<table cellspacing="0" cellpadding="0"
border="0" class="bmeImageTable"
style="float: right; height: 222px;"
align="right" dimension="30%" width="187"
height="222">
<tbody>
<tr>
<td name="bmeImgHolder"
style="padding: 20px;" align="left"
valign="top" height="182"><img
src="https://benchmarkemail.com/images/templates_n/new_editor/Templates/FlashSale/Handbag.jpg"
width="147"
style="max- 250px; display: block;"
alt="" border="0"></td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</div>
<div id="dv_16" class="blk_wrapper" style="">
<table width="600" cellspacing="0" cellpadding="0"
border="0" class="blk" name="blk_button" style="">
<tbody>
<tr>
<td width="40"></td>
<td align="center">
<table class="tblContainer" cellspacing="0"
cellpadding="0" border="0" width="100%">
<tbody>
<tr>
<td height="0"></td>
</tr>
<tr>
<td align="left">
<table cellspacing="0" cellpadding="0"
border="0" class="bmeButton" align="left"
style="border-collapse: separate;">
<tbody>
<tr>
<td
style="border-radius: 20px; border: 0px none transparent; text-align: center; font-family: Arial, Helvetica, sans-serif; font-size: 14px; padding: 10px 40px; font-weight: bold; background-color: rgb(214, 60, 60);"
class="bmeButtonText"><span
style="font-family: Helvetica, Arial, sans-serif; font-size: 14px; color: rgb(255, 255, 255);">
<a
style="color: #FFFFFF; text-decoration: none;"
target="_blank">Shop Now</a>
</span></td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td height="0"></td>
</tr>
</tbody>
</table>
</td>
<td width="40"></td>
</tr>
</tbody>
</table>
</div></td>
</tr>
<tr>
<td width="100%" class="blk_container bmeHolder"
name="bmePreFooter" valign="top" align="center"
style="border: 0px none transparent; background-color: rgb(255, 255, 255);"
bgcolor="#ffffff">

<div id="dv_17" class="blk_wrapper" style="">
<table width="600" cellspacing="0" cellpadding="0"
border="0" class="blk" name="blk_divider" style="">
<tbody>
<tr>
<td class="tblCellMain" style="padding: 20px 0px;">
<table class="tblLine" cellspacing="0"
cellpadding="0" border="0" width="100%"
style="border-top- 0px; border-top-style: none; min- 1px;">
<tbody>
<tr>
<td><span></span></td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</div>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td width="100%" class="blk_container bmeHolder"
name="bmeFooter" valign="top" align="center"
style="color: rgb(102, 102, 102); border: 0px none transparent;"
bgcolor=""><div id="dv_5" class="blk_wrapper">
<table width="600" cellspacing="0" cellpadding="0"
border="0" class="blk" name="blk_permission" style="">
<tbody>
<tr>
<td name="tblCell" class="tblCell"
style="padding: 20px;" valign="top" align="left"></td>
</tr>
</tbody>
</table>
</div>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>

</body>
</html>
 
---------------------

原文地址:https://www.cnblogs.com/hyhy904/p/11167523.html