电子邮件按钮 HTML

介绍

在网页中添加电子邮件按钮可以方便用户直接发送邮件给指定的收件人。本文将介绍如何使用HTML创建一个电子邮件按钮。

示例代码

<a href="mailto:recipient@example.com" class="email-button">发送邮件</a>

解释

• 使用 <a> 元素创建一个链接，将 mailto: 连接到收件人的电子邮件地址。
• 将收件人的电子邮件地址替换为 recipient@example.com。
• 为链接添加一个类名 email-button 可以对按钮进行样式化。

样式化

你可以使用CSS样式化电子邮件按钮，使其适应你的网页设计。

.email-button {
  display: inline-block;
  padding: 10px 20px;
  background-color: #007bff;
  color: #fff;
  text-decoration: none;
  border-radius: 4px;
}

.email-button:hover {
  background-color: #0056b3;
}

结论

通过HTML和CSS的搭配，你可以轻松地在网页中添加电子邮件按钮。用户点击该按钮将自动打开默认的邮件客户端，并填写收件人地址。这为用户发送邮件提供了便利，同时也可以提高与网站访问者之间的沟通和互动。

请根据你的网页设计需求，调整样式以及收件人的电子邮件地址。