如何在php中发送包含html和css的电子邮件
当我通过PHP mail functon发送电子邮件时（我将此html代码放在一行并添加到邮件中），让我们说出我想要发送的内容：如何在php中发送包含html和css的电子邮件,php,email,html-email,Php,Email,Html Email,当我通过PHP mail functon发送电子邮件时（我将此html代码放在一行并添加到邮件中），让我们说出我想要发送的内容： <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd"> <html> <head> <title></title> <
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<style type="text/css">
.box h3{
text-align:right;
position:relative;
direction: rtl;
}
.box {
width:70%;
top:80px;
height:200px;
background: whitesmoke;
margin:40px auto;
text-align:right;
direction: rtl;
}
/*==================================================
* Effect 2
* ===============================================*/
.effect2
{
position: relative;
}
.effect2:before, .effect2:after
{
z-index: -1;
position: absolute;
content: "";
bottom: 15px;
left: 10px;
width: 50%;
top: 80%;
max-width:300px;
background: #777;
-webkit-box-shadow: 0 15px 10px #777;
-moz-box-shadow: 0 15px 10px #777;
box-shadow: 0 15px 10px #777;
-webkit-transform: rotate(-3deg);
-moz-transform: rotate(-3deg);
-o-transform: rotate(-3deg);
-ms-transform: rotate(-3deg);
transform: rotate(-3deg);
}
.effect2:after
{
-webkit-transform: rotate(3deg);
-moz-transform: rotate(3deg);
-o-transform: rotate(3deg);
-ms-transform: rotate(3deg);
transform: rotate(3deg);
right: 10px;
left: auto;
}
</style>
</head>
<body>
<div class="box effect2">
<b>שלום,</b>
<p>
אנא לחץ על הקישור המצורף ע"מ לאשר את התחברותך לאתרץ
</p>
<p>
הלינק הוא:
</p>
<b>
תודה מראש,
</b>
<p><b>
צוות האתר
</b></p>
</div>
</body>
</html>
.框h3{
文本对齐：右对齐；
位置：相对位置；
方向：rtl；
}
.盒子{
宽度：70%；
顶部：80px；
高度：200px；
背景：白烟；
利润率：40px自动；
文本对齐：右对齐；
方向：rtl；
}
/*==================================================
*效果2
* ===============================================*/
.2
{
位置：相对位置；
}
.effect2:之前，.effect2:之后
{
z指数：-1；
位置：绝对位置；
内容：“；
底部：15px；
左：10px；
宽度：50%；
最高：80%；
最大宽度：300px；
背景：#777；
-网络工具包盒阴影：0 15px 10px#777；
-moz盒阴影：0 15px 10px#777；
盒影：0 15px 10px#777；
-webkit变换：旋转（-3deg）；
-moz变换：旋转（-3deg）；
-o变换：旋转（-3deg）；
-ms变换：旋转（-3deg）；
变换：旋转（-3deg）；
}
.2：之后
{
-webkit变换：旋转（3deg）；
-moz变换：旋转（3deg）；
-o变换：旋转（3deg）；
-ms变换：旋转（3deg）；
变换：旋转（3deg）；
右：10px；
左：自动；
}
שלום,
אנא לחץ על הקישור המצורף ע"מ לאשר את התחברותך לאתרץ
הלינק הוא:
תודה מראש,
צוות האתר
谢谢，电子邮件客户端不支持css
您必须选择正确的内联样式。电子邮件客户端不支持css
您必须正确使用内联样式。由于您已经有了CSS和HTML，您可以利用此网站将CSS样式转换为HTML电子邮件的内联CSS样式
由于您已经有了CSS和HTML，您可以利用此网站将CSS样式转换为HTML电子邮件的内联CSS样式
收信人看到的HTML电子邮件并不简单。它们更像是90年代后期的HTML。样式应该是内联的，你应该使用表格进行布局。背景在许多客户端上都不可靠，而且可以肯定的是，你会在各种客户端上进行测试，因为不同客户端之间的HTML差异很大。 好处：忘记javascript/jQuery之类的东西吧 另外，不要指望能够显示CSS3和html5元素等。许多客户端都不支持。Outlook甚至不太支持页边距，更不用说我们已经习惯的所有css了。因此，请保持它非常简单，使用表格进行布局，广泛测试，甚至不要认为你会接近完美像素
收信人看到的HTML电子邮件并不简单。它们更像是90年代后期的HTML。样式应该是内联的，你应该使用表格进行布局。背景在许多客户端上都不可靠，而且可以肯定的是，你会在各种客户端上进行测试，因为不同客户端之间的HTML差异很大。 好处：忘记javascript/jQuery之类的东西吧 另外，不要指望能够显示CSS3和html5元素等。许多客户端都不支持。Outlook甚至不太支持页边距，更不用说我们已经习惯的所有css了。因此，请保持它非常简单，使用表格进行布局，广泛测试，甚至不要认为你会接近完美像素
电子邮件客户端不支持CSS。因此请尝试按如下方式编写内联CSS：
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
</head>
<body style="margin:0;padding:0;border=0;font-size:14px;font-family:YOUR_FONT_FAMILY_NAME">
<div style="position:relative;">
<h3 style="text-align:right;position:relative;direction:rtl;">This is heading 3</h3>
<b>שלום,</b>
<p>אנא לחץ על הקישור המצורף ע"מ לאשר את התחברותך לאתרץ</p>
<p>הלינק הוא:</p>
<b>תודה מראש,</b>
<p><b>צוות האתר</b></p>
</div>
</body>
</html>
这是标题3
שלום,
א
הלינקהוא：
תודה מראש,
צותהאתר
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
</head>
<body style="margin:0;padding:0;border=0;font-size:14px;font-family:YOUR_FONT_FAMILY_NAME">
<div style="position:relative;">
<h3 style="text-align:right;position:relative;direction:rtl;">This is heading 3</h3>
<b>שלום,</b>
<p>אנא לחץ על הקישור המצורף ע"מ לאשר את התחברותך לאתרץ</p>
<p>הלינק הוא:</p>
<b>תודה מראש,</b>
<p><b>צוות האתר</b></p>
</div>
</body>
</html>
这是标题3
שלום,
א
הלינקהוא：
תודה מראש,
צותהאתר