Fatal编程技术网
  • java/
  • Java 使用Velocity生成基于HTML的电子邮件

Java 使用Velocity生成基于HTML的电子邮件

java css

Java 使用Velocity生成基于HTML的电子邮件,java,css,velocity,Java,Css,Velocity,我试试这个教程 但是，当我添加css时，它看起来好像没有执行 <HTML> <HEAD> <TITLE>Pet Store Sale!</TITLE> <style type="text/css"> body { margin: 0 0 0 0; padding: 0 0 0 0; text-align: center;

我试试这个教程 但是，当我添加css时，它看起来好像没有执行

<HTML>
<HEAD>
  <TITLE>Pet Store Sale!</TITLE>
  <style type="text/css">
    body    {
            margin: 0 0 0 0;
            padding: 0 0 0 0;
            text-align: center; 
            background-color: #FFF;
            border-top: 3px solid #CCC;
            }


    #container  {
                position: relative;
                width: 860px;
                height: 1600px;
                margin: 84 auto 0 auto;
                padding: 0 0 0 0;
                background-color: #FFF;
                }


    p       {
            font-family: times, Times New Roman, times-roman, georgia, serif;
            color: #444;
            margin: 0 0 0 0;
            padding: 0 0 0 0;
            text-align: center;
            }


    .woodtwo        {
                    font-size: 22px;
                    line-height: 46px;
                    letter-spacing: -1px;
                    }


    .eyebrow        {   
                    font-size: 19px;
                    line-height: 29px;
                    }


    .caps           {
                    font-size: 14px;
                    line-height: 20px;
                    text-transform: uppercase;
                    }


    .copyone        {
                    font-size: 16px;
                    line-height: 20px;
                    }


    #line           {
                    border-bottom: 1px solid #CCC;
                    width: 748px;
                    margin: 10 0 20 56;
                    }



    #break          {
                    height: 30px;
                    }


    a:link          { color: #B95E27; text-decoration: none; } 
    a:visited       { color: #B95E27; text-decoration: none; }
    a:active        { color: #1A69A1; text-decoration: none; } 
    a:hover         { color: #888; text-decoration: none;}


    .grey           { color: #888; }


    .smallcaps      { font-size: 88%; }


</style>
</HEAD>
<BODY>

<div id="container">
    <p class="caps"><a href="">From Pet Store Sale</a></p>
    <div id="line"></div>
    <p class="eyebrow">
        <span class="grey">*</span>T<span class="smallcaps">HANK YOU FOR JOINING </span>P<span class="smallcaps">ET</span> S<span class="smallcaps">TORE</span> S<span class="smallcaps">ALE</span> A<span class="smallcaps">PPLICATION</span><span class="grey">*</span>
    </p>
    <p class="copyone">
        <i>You received this email because your registration process in Pet Store Sale is successful.<br/>
        To Confirm your registration, please visit this link <a href ="$link">Confirmation Link</a>.<br/>
        Your username : $username<br/>
        Password : $password<br/>
        If you have any questions about Application, please send an email to <a href="mailto:admin@store.com">admin@store.com</a></i> 
        <br><br><b>THANK YOU</b>
    </p>
    <div id="break"></div>

    <p class="woodtwo">
        <a href="">GETTING STARTED</a>
    <div id="line"></div>
    <div id="line"></div>
</div>

</BODY>
</HTML>


宠物店大减价！
身体{
保证金：0；
填充：0；
文本对齐：居中；
背景色：#FFF；
边框顶部：3件实心#CCC；
}
#容器{
位置：相对位置；
宽度：860px；
高度：1600px；
保证金：84自动0自动；
填充：0；
背景色：#FFF；
}
p{
字体系列：泰晤士报、泰晤士报新罗马、泰晤士报罗马、乔治亚、衬线；
颜色：#444；
保证金：0；
填充：0；
文本对齐：居中；
}
woodtwo先生{
字体大小：22px；
线高：46px；
字母间距：-1px；
}
.眉毛{
字号：19px；
线高：29px；
}
.帽子{
字体大小：14px；
线高：20px；
文本转换：大写；
}
.抄写员{
字体大小：16px；
线高：20px；
}
#线{
边框底部：1px实心#CCC；
宽度：748px；
利润率：102056；
}
#中断{
高度：30px；
}
答：链接{color:#B95E27；文本装饰：无；}
a:访问{颜色：#B95E27；文本装饰：无；}
a:活动{color:#1A69A1；文本装饰：无；}
a:悬停{颜色：#888；文本装饰：无；}
.灰色{颜色：#888；}
.smallcaps{字体大小：88%；}




*感谢您加入宠物店销售申请*




您收到此电子邮件是因为您在宠物店销售中的注册过程成功。

要确认您的注册，请访问此链接。

您的用户名：$username

密码：$Password

如果您对申请有任何疑问，请发送电子邮件至


多谢各位
我也试过了

<link rel="stylesheet" href="./style/css/emailFormat.css" type="text/css"  media="screen" />
但它也不起作用。
如何正确地将css添加到此页面。谢谢

电子邮件客户端会忽略CSS类。如果您使用的是Outlook Express之类的独立客户端，
div
s也将无法识别（不要依赖于
float:left
）

我建议您更改HTML页面，如-

  • 将所有内容放到
    …
  • 使用
    而不是
  • 不要使用
    标记来定义样式类，也不要使用.css文件来加载样式。相反，在
    /
    容器中使用内联css，如
    style=“…”
    • 希望这有助于电子邮件模板的设计。

    另外，我刚刚注意到，在电子邮件中使用CSS的相对路径听上去是行不通的。要么嵌入CSS，要么发布CSS，并引用已发布的资源。如果你是这个意思？”

    *感谢您加入测试监控应用程序*

    标记中，要么引用带有绝对URL的公共CSS。我已经编辑了这个问题，希望是根据你的要求，我收到的所有漂亮的电子邮件是否都是以这种方式制作的？这些是构建电子邮件模板的道德准则，将在所有电子邮件网站上运行（比如gmail.com）和独立客户端（比如outlook express）。但这并不意味着你收到的每封电子邮件都会遵循这一点。你知道一种自动进行更改的方法吗？