以下是一个简洁而美观的邮箱验证码邮件正文模板。这个模板使用了基本的 HTML 和 CSS,确保在大多数邮箱客户端中正常显示。
<!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <style> body { font-family: Arial, sans-serif; margin: 0; padding: 0; background-color: #f4f4f4; } .container { max-width: 500px; margin: 30px auto; background: white; border-radius: 8px; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); overflow: hidden; } .header { background: #007BFF; color: white; padding: 20px; text-align: center; } .header h1 { margin: 0; font-size: 24px; } .content { padding: 20px; text-align: left; } .code { font-size: 24px; font-weight: bold; color: #007BFF; text-align: center; margin: 20px 0; } .footer { background: #f4f4f4; text-align: center; padding: 10px; font-size: 12px; color: #888; } </style> </head> <body> <div class="container"> <div class="header"> <h1>邮箱验证码</h1> </div> <div class="content"> <p>亲爱的用户,</p> <p>感谢您注册我们的服务!请使用以下验证码完成您的邮箱验证:</p> <div class="code">123456</div> <p>如果您没有请求此验证码,请忽略此邮件。</p> </div> <div class="footer"> <p>© 2023 您的公司名称</p> </div> </div> </body> </html>
整体结构:
container
类包裹整个邮件内容,设定最大宽度及边距,使内容居中显示。头部:
内容部分:
底部:
email_verification_template.html
)。标签: 来源:
本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享; 2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关; 3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关; 4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除; 5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。