时间戳

首页 > 解决方案 > 如何在电子邮件中创建按钮？

html - 如何在电子邮件中创建按钮？

问题描述

我用一个按钮创建了一封电子邮件。

我的问题是只有文本是可点击的。

我希望“td”可以点击。

如何在电子邮件中创建按钮？

          <table border="0" cellpadding="0" cellspacing="0" style="margin: 0 auto;">
            <tr>
              <td bgcolor="#8aba12" width="250" height="60" align="center" valign="middle"><a href="https://www.s1biose.com/guide" target="_blank" style="width: 250; display: block; text-decoration: none; border: 0; text-align: center; font-weight: bold; font-size: 18px; font-family: Arial, Helvetica, sans-serif; color: #ffffff; background:#8aba12;">Ça m'intéresse</a>
              </td>
            </tr>
          </table>

标签： htmlcssemailbutton

解决方案

您需要将锚元素放置在按钮元素周围，这样，您就可以拥有一个整个区域都可点击的按钮。这是代码：

  <table border="0" cellpadding="0" cellspacing="0" style="margin: 0 auto;"><tr><td>
    <a href="https://www.s1biose.com/guide" target="_blank" ><button  style="    width: 200px;
height: 3em;
text-decoration: none;
border: 0;
text-align: center;
font-weight: bold;
font-size: 18px;
font-family: Arial, Helvetica, sans-serif;
color: #ffffff;
background: #8aba12;">Ça m'intéresse</button>
          </a>
      </td>
        </tr>
      </table>

推荐阅读