html - 如何使 作为链接可点击(无需 Javascript)

Question

我正在编写一些用于发送 HTML 电子邮件的代码。由于电子邮件客户端的非标准性质，我只能使用一些相当过时的代码(没有 Javascript、没有 div、没有 CSS 快捷方式等)

号召性用语按钮是 TD，但到目前为止我还不能使整个按钮可点击；只是中间的文字。

代码是这样的

<table width="100%" border="0" cellpadding="0" cellspacing="20">
            <tr>
            <td align="center" valign="middle" width="33%" style="background-color:#6483c1; border:1px solid #44619a; border-radius:2px; padding-top:20px; padding-right:10px; padding-bottom:20px; padding-left:10px;">
            <a href="http://littlehotels.co.uk/travelinsurance.php" target="_blank" style="color:#FFFFFF; text-decoration:none;"><font size="3" face="Arial, Helvetica, sans-serif" color="#ffffff"><b>Travel Insurance</b></font></a>
            </td>

我已经尝试将 display:block 添加到 td 样式中，但没有成功。

我是在尝试做不可能的事吗？

Answer 1

使 anchor 成为 block 级元素，并将填充从表格单元格移动到 anchor :

<table width="100%" border="0" cellpadding="0" cellspacing="20">
  <tr>
    <td align="center" valign="middle" width="33%" style="background-color:#6483c1; border:1px solid #44619a; border-radius:2px;">
      <a href="http://littlehotels.co.uk/travelinsurance.php" target="_blank" style="padding:20px 10px;display:block;color:#FFFFFF; text-decoration:none;"><font size="3" face="Arial, Helvetica, sans-serif" color="#ffffff"><b>Travel Insurance</b></font></a>
    </td>
  </tr>
</table>