基於填充的按鈕

Created: November-22, 2018

這種技術依賴於表格單元級別的填充來構造按鈕，以及 HTML 屬性和 CSS 來設定按鈕的樣式。沒有 VML 意味著更簡單的程式碼，但 Outlook 中沒有背景影象。

<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td>
      <table border="0" cellspacing="0" cellpadding="0">
        <tr>
          <td bgcolor="#0095FF" style="padding: 12px 18px 12px 18px; -webkit-border-radius:3px; border-radius:3px" align="center"><a href="http://www.stackoverflow.com" target="_blank" style="font-size: 14px; font-family: sans-serif; font-weight: normal; color: #ffffff; text-decoration: none; display: inline-block;">Stack Overflow</a></td>
        </tr>
      </table>
    </td>
  </tr>
</table>

https://i.stack.imgur.com/lVUYu.jpg

基於填充的按鈕的缺點是按鈕的整個區域不可點選，只有表格單元格內的連結。