当前位置:   article > 正文

简单邮件验证码html代码模板

邮箱验证码文本模版是什么样的?
邮件验证码html代码模板

效果图

up-8dddde62a09f1530aee9a53f8a64ee46621.png

H5代码
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>邮件验证码模板</title>
  6. <base target="_blank"/>
  7. <style type="text/css">
  8. ::-webkit-scrollbar {
  9. display: none;
  10. }
  11. </style>
  12. <style id="cloudAttachStyle" type="text/css">
  13. #divNeteaseBigAttach, #divNeteaseBigAttach_bak {
  14. display: none;
  15. }
  16. </style>
  17. <style id="blockquoteStyle" type="text/css">
  18. blockquote {
  19. display: none;
  20. }
  21. </style>
  22. <style type="text/css">
  23. body {
  24. font-size: 14px;
  25. font-family: arial, verdana, sans-serif;
  26. line-height: 1.666;
  27. padding: 0;
  28. margin: 0;
  29. overflow: auto;
  30. white-space: normal;
  31. word-wrap: break-word;
  32. min-height: 100px
  33. }
  34. td, input, button, select, body {
  35. font-family: Helvetica, 'Microsoft Yahei', verdana
  36. }
  37. pre {
  38. white-space: pre-wrap;
  39. white-space: -moz-pre-wrap;
  40. white-space: -pre-wrap;
  41. white-space: -o-pre-wrap;
  42. word-wrap: break-word;
  43. width: 95%
  44. }
  45. th, td {
  46. font-family: arial, verdana, sans-serif;
  47. line-height: 1.666
  48. }
  49. img {
  50. border: 0
  51. }
  52. header, footer, section, aside, article, nav, hgroup, figure, figcaption {
  53. display: block
  54. }
  55. blockquote {
  56. margin-right: 0px
  57. }
  58. </style>
  59. </head>
  60. <body tabindex="0" role="listitem">
  61. <table width="700" border="0" align="center" cellspacing="0" style="width:700px;">
  62. <tbody>
  63. <tr>
  64. <td>
  65. <div style="width:700px;margin:0 auto;border-bottom:1px solid #ccc;margin-bottom:30px;">
  66. <table border="0" cellpadding="0" cellspacing="0" width="700" height="39" style="font:12px Tahoma, Arial, 宋体;">
  67. <tbody>
  68. <tr>
  69. <td width="210"></td>
  70. </tr>
  71. </tbody>
  72. </table>
  73. </div>
  74. <div style="width:680px;padding:0 10px;margin:0 auto;">
  75. <div style="line-height:1.5;font-size:14px;margin-bottom:25px;color:#4d4d4d;">
  76. <strong style="display:block;margin-bottom:15px;">尊敬的用户:<span
  77. style="color:#f60;font-size: 16px;"></span>您好!</strong>
  78. <strong style="display:block;margin-bottom:15px;">
  79. 您正在进行<span style="color: red">注销账号</span>操作,请在验证码输入框中输入:<span
  80. style="color:#f60;font-size: 24px">202414</span>,以完成操作。
  81. </strong>
  82. </div>
  83. <div style="margin-bottom:30px;">
  84. <small style="display:block;margin-bottom:20px;font-size:12px;">
  85. <p style="color:#747474;">
  86. 注意:此操作可能会修改您的密码、登录邮箱或绑定手机。如非本人操作,请及时登录并修改密码以保证帐户安全
  87. <br>(工作人员不会向你索取此验证码,请勿泄漏!)
  88. </p>
  89. </small>
  90. </div>
  91. </div>
  92. <div style="width:700px;margin:0 auto;">
  93. <div
  94. style="padding:10px 10px 0;border-top:1px solid #ccc;color:#747474;margin-bottom:20px;line-height:1.3em;font-size:12px;">
  95. <p>此为系统邮件,请勿回复<br>
  96. 请保管好您的邮箱,避免账号被他人盗用
  97. </p>
  98. <p>@物联网智能传感器</p>
  99. </div>
  100. </div>
  101. </td>
  102. </tr>
  103. </tbody>
  104. </table>
  105. </body>
  106. </html>

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/盐析白兔/article/detail/704274
推荐阅读
相关标签
  

闽ICP备14008679号