阿里云验证码邮件html代码模板

最新推荐文章于 2024-05-11 16:00:32 发布

Joshua Burgin

最新推荐文章于 2024-05-11 16:00:32 发布

阅读量1.1w

点赞数 6

分类专栏： html邮箱模板文章标签： html

本文链接：https://blog.csdn.net/qq_41716624/article/details/92434043

版权

html邮箱模板专栏收录该内容

1 篇文章 0 订阅

订阅专栏

阿里云验证码邮件html代码模板

前端时间我为了一个简单的邮件美观做了很大的头脑，后来想想就算了，还不如直接去别人的邮件里直接扒模板

代码：HTML
日期：2019/6/16
模板类型：验证码
效果图

在这里插入图片描述
下面代码

<head>
    <base target="_blank" />
    <style type="text/css">::-webkit-scrollbar{ display: none; }</style>
    <style id="cloudAttachStyle" type="text/css">#divNeteaseBigAttach, #divNeteaseBigAttach_bak{display:none;}</style>
    <style id="blockquoteStyle" type="text/css">blockquote{display:none;}</style>
    <style type="text/css">
        body{font-size:14px;font-family:arial,verdana,sans-serif;line-height:1.666;padding:0;margin:0;overflow:auto;white-space:normal;word-wrap:break-word;min-height:100px}
        td, input, button, select, body{font-family:Helvetica, 'Microsoft Yahei', verdana}
        pre {white-space:pre-wrap;white-space:-moz-pre-wrap;white-space:-pre-wrap;white-space:-o-pre-wrap;word-wrap:break-word;width:95%}
        th,td{font-family:arial,verdana,sans-serif;line-height:1.666}
        img{ border:0}
        header,footer,section,aside,article,nav,hgroup,figure,figcaption{display:block}
        blockquote{margin-right:0px}
    </style>
</head>
<body tabindex="0" role="listitem">
<table width="700" border="0" align="center" cellspacing="0" style="width:700px;">
    <tbody>
    <tr>
        <td>
            <div style="width:700px;margin:0 auto;border-bottom:1px solid #ccc;margin-bottom:30px;">
                <table border="0" cellpadding="0" cellspacing="0" width="700" height="39" style="font:12px Tahoma, Arial, 宋体;">
                    <tbody><tr><td width="210"></td></tr></tbody>
                </table>
            </div>
            <div style="width:680px;padding:0 10px;margin:0 auto;">
                <div style="line-height:1.5;font-size:14px;margin-bottom:25px;color:#4d4d4d;">
                    <strong style="display:block;margin-bottom:15px;">尊敬的用户：<span style="color:#f60;font-size: 16px;"></span>您好！</strong>
                    <strong style="display:block;margin-bottom:15px;">
                        您正在进行<span style="color: red">注销账号</span>操作，请在验证码输入框中输入：<span style="color:#f60;font-size: 24px">182614</span>，以完成操作。
                    </strong>
                </div>
                <div style="margin-bottom:30px;">
                    <small style="display:block;margin-bottom:20px;font-size:12px;">
                        <p style="color:#747474;">
                            注意：此操作可能会修改您的密码、登录邮箱或绑定手机。如非本人操作，请及时登录并修改密码以保证帐户安全
                            <br>（工作人员不会向你索取此验证码，请勿泄漏！)
                        </p>
                    </small>
                </div>
            </div>
            <div style="width:700px;margin:0 auto;">
                <div style="padding:10px 10px 0;border-top:1px solid #ccc;color:#747474;margin-bottom:20px;line-height:1.3em;font-size:12px;">
                    <p>此为系统邮件，请勿回复<br>
                        请保管好您的邮箱，避免账号被他人盗用
                    </p>
                    <p>院主网络科技团队</p>
                </div>
            </div>
        </td>
    </tr>
    </tbody>
</table>
</body>

转载请填写
https://blog.csdn.net/qq_41716624/article/details/92434043

Joshua Burgin

关注

6
点赞
踩
19

收藏

觉得还不错? 一键收藏
打赏
3
评论
阿里云验证码邮件html代码模板

阿里云验证码邮件html代码模板前端时间我为了一个简单的邮件美观做了很大的头脑，后来想想就算了，还不如直接去别人的邮件里直接扒模板代码：HTML日期：2019/6/16模板类型：验证码效果图下面代码<head> <base target="_blank" /> <style type="text/css">::-webkit-...
复制链接

扫一扫