Buttons (CTAs)

Standard

<table cellpadding="0" cellspacing="0" border="0" width="150">
  <tr>
    <td align="center" valign="middle" height="42" bgcolor="#3a3a3a" style="font-family:Arial, Helvetica, sans-serif; font-size:18px; mso-line-height-rule:exactly; line-height:22px; color:#ffffff; padding:0 0 0 0;"><strong><a href="http://tabletrtd.com/" target="_blank" style="color:#ffffff; text-decoration:none; display:block; padding:10px 10px 10px 10px;">CTA</a></strong></td>
  </tr>
</table>

Rounded

<table cellpadding="0" cellspacing="0" border="0" width="150">
  <tr>
    <td align="center" valign="middle" height="42" bgcolor="#3a3a3a" style="font-family:Arial, Helvetica, sans-serif; font-size:18px; mso-line-height-rule:exactly; line-height:22px; color:#ffffff; padding:0 0 0 0; border-radius:21px;"><strong><a href="http://tabletrtd.com/" target="_blank" style="color:#ffffff; text-decoration:none; display:block; padding:10px 10px 10px 10px;">CTA</a></strong></td>
  </tr>
</table>

Bordered

<table cellpadding="0" cellspacing="0" border="0">
  <tr>
    <td bgcolor="#3a3a3a" style="padding:2px 2px 2px 2px;">
      <table cellpadding="0" cellspacing="0" border="0" width="150">
        <tr>
          <td align="center" valign="middle" height="42" bgcolor="#a3a3a3" style="font-family:Arial, Helvetica, sans-serif; font-size:18px; mso-line-height-rule:exactly; line-height:22px; color:#ffffff; padding:0 0 0 0;"><strong><a href="http://tabletrtd.com/" target="_blank" style="color:#ffffff; text-decoration:none; display:block; padding:10px 10px 10px 10px;">CTA</a></strong></td>
        </tr>
      </table>
    </td>
  </tr>
</table>

Rounded and Bordered

<table cellpadding="0" cellspacing="0" border="0">
  <tr>
    <td bgcolor="#3a3a3a" style="padding:2px 2px 2px 2px; border-radius:25px;">
      <table cellpadding="0" cellspacing="0" border="0" width="150">
        <tr>
          <td align="center" valign="middle" height="42" bgcolor="#a3a3a3" style="font-family:Arial, Helvetica, sans-serif; font-size:18px; mso-line-height-rule:exactly; line-height:22px; color:#ffffff; padding:0 0 0 0; border-radius:21px;"><strong><a href="http://tabletrtd.com/" target="_blank" style="color:#ffffff; text-decoration:none; display:block; padding:10px 10px 10px 10px;">CTA</a></strong></td>
        </tr>
      </table>
    </td>
  </tr>
</table>

Background Image

<table cellpadding="0" cellspacing="0" border="0" width="150">
  <tr>
    <td align="center" valign="middle" height="42" bgcolor="#3a3a3a" background="http://placehold.it/10x10" style="font-family:Arial, Helvetica, sans-serif; font-size:18px; mso-line-height-rule:exactly; line-height:22px; color:#ffffff; padding:0 0 0 0;"><strong><a href="http://tabletrtd.com/" target="_blank" style="color:#ffffff; text-decoration:none; display:block; padding:10px 10px 10px 10px;">CTA</a></strong></td>
  </tr>
</table>

Note: On the PC versions of Outlook only the text is clickable and the background image will not show. The code will fall back gracefully to the background color.