一份邮件验证码模板 | 模板分享

✨ 聊天吹水分享
1

效果图：

image
image634×535 20.9 KB

代码区：自行修改替换你自己的内容

<html>
 <head></head>
 <body>
  <div style="background-color: rgb(52, 50, 45) !important;" data-ogsb="rgb(239, 237, 230)">
   <div style="margin:0 auto; max-width:600px">
    <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%">
     <tbody>
      <tr>
       <td style="direction:ltr; font-size:0; padding:20px 0; text-align:center">
        <div class="x_mj-column-per-100 x_mj-outlook-group-fix" style="font-size:0; text-align:left; direction:ltr; display:inline-block; vertical-align:top; width:100%">
         <table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%" style="vertical-align:top">
          <tbody>
           <tr>
            <td align="center" style="font-size:0; padding:10px 25px; padding-top:24px; padding-bottom:24px; word-break:break-word">
             <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse:collapse; border-spacing:0">
              <tbody>
               <tr>
                <td style="width:40px"><img data-imagetype="External" src="https://chat.mice.pub/api/local/20240427/2175bf49-0f0d-4492-b8ec-317f8d595114--u6kc8nfj4k178xyxbh123vbi93c7w2nnkagcbgqctl9i4l6u3b4v07fcy0s6auhn.png" alt="Aichat-web" width="40" height="auto" style="border:0; display:block; outline:0; text-decoration:none; height:auto; width:100%; font-size:13px" /></td>
               </tr>
              </tbody>
             </table></td>
           </tr>
           <tr>
            <td align="center" style="font-size:0; padding:10px 25px; padding-top:12px; padding-bottom:0; word-break:break-word">
             <div style="font-family: &quot;helvetica neue&quot;, serif, EmojiFont; font-size: 24px; font-weight: 500; line-height: 1; text-align: center; color: rgb(228, 219, 219) !important;" data-ogsc="rgb(49, 42, 42)">
                ${title} 验证码
             </div></td>
           </tr>
          </tbody>
         </table>
        </div></td>
      </tr>
     </tbody>
    </table>
   </div>
   <div style="margin:0 auto; max-width:600px">
    <div style="height: 102px; width: 100%;">

     <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width: 100%; transform: scale(0.716667, 0.716667); transform-origin: top;" min-scale="0.7166666666666667">
      <tbody>
       <tr>
        <td style="direction:ltr; font-size:0; padding:20px 0; text-align:center">
         <div class="x_mj-column-px-480 x_mj-outlook-group-fix" style="font-size:0; text-align:left; direction:ltr; display:inline-block; vertical-align:top; width:100%">
          <table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%">
           <tbody>
            <tr>
             <td style="background-color:#222; border-radius:12px; vertical-align:top; padding-top:20px; padding-bottom:20px">
              <table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%">
               <tbody>
                <tr>
                 <td align="center" style="font-size:0; padding:10px 25px; word-break:break-word">
                  <div style="font-family: &quot;helvetica neue&quot;, serif, EmojiFont; font-size: 42px; letter-spacing: 6px; line-height: 1; text-align: center; color: rgb(255, 255, 255);">
                   ${code}
                  </div></td>
                </tr>
               </tbody>
              </table></td>
            </tr>
           </tbody>
          </table>
         </div></td>
       </tr>
      </tbody>
     </table>
    </div>
   </div>
   <div style="margin:0 auto; max-width:600px">
    <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%">
     <tbody>
      <tr>
       <td style="direction:ltr; font-size:0; padding:20px 0; text-align:center">
        <div class="x_mj-column-per-100 x_mj-outlook-group-fix" style="font-size:0; text-align:left; direction:ltr; display:inline-block; vertical-align:top; width:100%">
         <table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%" style="vertical-align:top">
          <tbody>
           <tr>
            <td align="center" style="font-size:0; padding:10px 25px; padding-top:0; padding-right:32px; padding-left:32px; word-break:break-word">
             <div style="font-family: &quot;helvetica neue&quot;, serif, EmojiFont; font-size: 18px; line-height: 26px; text-align: center; color: rgb(228, 219, 219) !important;" data-ogsc="rgb(49, 42, 42)">
              复制并粘贴验证码进行登录。如果您没有尝试登录，请忽略此电子邮件。
             </div></td>
           </tr>
           <tr>
            <td align="center" style="font-size:0; padding:10px 25px; padding-top:64px; padding-bottom:12px; word-break:break-word">
             <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse:collapse; border-spacing:0">
              <tbody>
               <tr>
                <td style="width:60px"><img data-imagetype="External" src="https://chat.mice.pub/api/local/20240427/2175bf49-0f0d-4492-b8ec-317f8d595114--u6kc8nfj4k178xyxbh123vbi93c7w2nnkagcbgqctl9i4l6u3b4v07fcy0s6auhn.png" alt="Aichat-web" width="60" height="auto" style="border:0; display:block; outline:0; text-decoration:none; height:auto; width:100%; font-size:13px" /></td>
               </tr>
              </tbody>
             </table></td>
           </tr>
           <tr>
            <td align="center" style="font-size:0; padding:10px 25px; padding-top:0; padding-right:32px; padding-left:32px; word-break:break-word">
             <div style="font-family: helvetica, serif, EmojiFont; font-size: 14px; line-height: 26px; text-align: center; color: rgb(153, 153, 153);">
              <a href="https://chat.mice.pub" target="_blank" rel="noopener noreferrer" data-auth="NotApplicable" style="color:inherit; text-decoration:none" data-linkindex="0">${title}</a> •              
              <a href="https://user.aiprm.top" target="_blank" rel="noopener noreferrer" data-auth="NotApplicable" style="color:inherit; text-decoration:none" data-linkindex="3">备用地址</a>
             </div></td>
           </tr>
          </tbody>
         </table>
        </div></td>
      </tr>
     </tbody>
    </table>
   </div>
  </div>
 </body>
</html>
1 个赞