html 填充松木优惠券

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了html 填充松木优惠券相关的知识,希望对你有一定的参考价值。

<table align="center" cellpadding="0" cellspacing="0" role="presentation" width="100%">
  <tr>
    <td class="col px-sm-2" bgcolor="#008DF6" width="640" style="padding: 30px;">
      <table cellpadding="0" cellspacing="0" role="presentation" width="100%">
        <tr>
          <td class="col px-sm-1" align="center" width="100%" style="padding: 30px; border: 1px solid #FFFFFF; color: #FFFFFF;">
            <div style="font-size: 13px; text-transform: uppercase;">Thanks for signing up!<br>Enjoy</div>
            <div style="font-size: 72px; font-weight: 700; line-height: 100%;">$10 OFF</div>
            <div class="spacer" style="line-height: 15px;">&nbsp;</div>
            <div style="font-size: 20px; letter-spacing: 2px; line-height: 100%; text-transform: uppercase;">Your first order</div>
            <div class="spacer" style="line-height: 30px;">&nbsp;</div>
            <table bgcolor="#FFFFFF" cellpadding="0" cellspacing="0" role="presentation">
              <tr>
                <th>
                  <a href="http://thememountain.com" style="border: 0 solid #FFFFFF; color: #008DF6; display: inline-block; font-size: 13px; padding: 10px 30px; text-decoration: none;">SHOP NOW</a>
                </th>
              </tr>
            </table>
          </td>
        </tr>
      </table>
    </td>
  </tr>
</table>

以上是关于html 填充松木优惠券的主要内容,如果未能解决你的问题,请参考以下文章

html 松木定价表3列全宽

html 松木定价表2列全宽

html 松木导航反向堆栈水平菜单

html 松木导航反向堆栈垂直菜单

html 松木按钮对齐

html 松木定制容器填料