html 松木定价表3列全宽
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了html 松木定价表3列全宽相关的知识,希望对你有一定的参考价值。
<table align="center" cellpadding="0" cellspacing="0" role="presentation" width="100%">
<tr>
<td>
<div class="spacer" style="line-height: 30px;"> </div>
<table cellpadding="0" cellspacing="0" role="presentation" width="100%">
<tr>
<td class="col" width="220">
<table cellpadding="0" cellspacing="0" role="presentation" width="100%">
<tr>
<td align="center" style="padding: 30px 0; color: #666666; font-size: 14px; line-height: 45px;">
<div style="color: #000000; font-size: 15px; font-weight: 700; margin-bottom: 15px;">Starter Edition</div>
<div style="color: #000000; font-size: 45px;"><span style="font-size: 16px; mso-text-raise: 75%; vertical-align: text-top;">$</span>2.99</div>
<div style="color: #CCCCCC; font-size: 15px; line-height: 100%; margin-bottom: 15px;">/MO</div>
<div>LowFi Sound Quality</div>
<div>Online Listening</div>
<div>Advertising</div>
<div>-</div>
<div>-</div>
<div class="spacer" style="line-height: 30px;"> </div>
<table align="center" cellpadding="0" cellspacing="0" role="presentation" style="margin: 0 auto;">
<tr>
<th>
<a href="http://thememountain.com" style="border: 1px solid #933DED; color: #933DED; display: block; font-size: 13px; padding: 8px 30px; text-decoration: none;">Sign Up</a>
</th>
</tr>
</table>
</td>
</tr>
</table>
</td>
<td class="col" width="260">
<table cellpadding="0" cellspacing="0" role="presentation" width="100%">
<tr>
<td align="center" bgcolor="#933DED" style="padding: 30px 0; color: #FFFFFF; font-size: 14px; line-height: 45px;">
<div style="font-size: 15px; font-weight: 700; margin-bottom: 15px;">Premium Edition</div>
<div style="font-size: 45px;"><span style="font-size: 16px; mso-text-raise: 75%; vertical-align: text-top;">$</span>9.99</div>
<div style="color: #CCCCCC; font-size: 15px; line-height: 100%; margin-bottom: 15px;">/MO</div>
<div>HiFi Sound Quality</div>
<div>Online/Offline Listening</div>
<div>No Advertising</div>
<div>-</div>
<div>-</div>
<div class="spacer" style="line-height: 30px;"> </div>
<table align="center" cellpadding="0" cellspacing="0" role="presentation" style="margin: 0 auto;">
<tr>
<th>
<a href="http://thememountain.com" style="border: 1px solid #FFFFFF; color: #FFFFFF; display: block; font-size: 13px; padding: 8px 30px; text-decoration: none;">Sign Up</a>
</th>
</tr>
</table>
</td>
</tr>
</table>
</td>
<td class="col" width="220">
<table cellpadding="0" cellspacing="0" role="presentation" style="width: 100%;">
<tr>
<td align="center" style="padding: 30px 0; color: #666666; font-size: 14px; line-height: 45px;">
<div style="color: #000000; font-size: 15px; font-weight: 700; margin-bottom: 15px;">Pro Edition</div>
<div style="color: #000000; font-size: 45px;"><span style="font-size: 16px; mso-text-raise: 75%; vertical-align: text-top;">$</span>19.99</div>
<div style="color: #CCCCCC; font-size: 15px; line-height: 100%; margin-bottom: 15px;">/MO</div>
<div>HiFi Sound Quality</div>
<div>On/Offline Listening</div>
<div>No Advertising</div>
<div>Infinite Song Plays</div>
<div>300K Video Plays</div>
<div class="spacer" style="line-height: 30px;"> </div>
<table align="center" cellpadding="0" cellspacing="0" role="presentation" style="margin: 0 auto;">
<tr>
<th>
<a href="http://thememountain.com" style="border: 1px solid #933DED; color: #933DED; display: block; font-size: 13px; padding: 8px 30px; text-decoration: none;">Sign Up</a>
</th>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
<div class="spacer" style="line-height: 30px;"> </div>
</td>
</tr>
</table>
以上是关于html 松木定价表3列全宽的主要内容,如果未能解决你的问题,请参考以下文章