我尝试这个教程http://www.java2s.com/Code/Java/Velocity/UseVelocitytogenerateHTMLbasedemail.htm http://www.java2s.com/Code/Java/Velocity/UseVelocitytogenerateHTMLbasedemail.htm但是,当我添加 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:[email protected] /cdn-cgi/l/email-protection">[email protected] /cdn-cgi/l/email-protection</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>
我也尝试过
<link rel="stylesheet" href="./style/css/emailFormat.css" type="text/css" media="screen" />
但它也不起作用。
如何将 css 添加到此页面的正确方法。谢谢
CSS 类会被电子邮件客户端忽略。如果您使用 Outlook Express 等独立客户端,div
s 也不会被识别(不依赖于float:left
).
我建议您更改 HTML 页面,例如 -
- 把一切都扔到外面
<body>...</body>
- Use
<table>
代替<div>
- 不要使用
<style>
标签来定义样式类,或 .css 文件来加载样式。相反,使用内联CSS,例如style="...."
在 - 的里面<td>
/ <table>
容器。
希望这对您的电子邮件模板设计有所帮助。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)