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

时间:2018-09-29 19:06:52

标签: html css email button

我创建了一个带有按钮的电子邮件。

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

我希望“ 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>

2 个答案:

答案 0 :(得分:0)

您需要将锚元素放置在按钮元素周围,这样,您可以使整个区域都可单击的按钮。 这是代码:

  <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>

答案 1 :(得分:-2)

将您的文本放入这样的范围内,并添加一些填充。

<span style="padding: 50 50 30 40;">Ça m'intéresse</span>