如何在php中发送包含html和css的电子邮件答案

【问题标题】：How to send an email that has html and css in php如何在php中发送包含html和css的电子邮件
【发布时间】：2012-09-26 21:34:18
【问题描述】：

当我通过 PHP 邮件功能发送电子邮件时（我将这段 html 代码放在一行中并将其添加到邮件中），让我们说出我想要发送的内容：

<!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>

我想通过 php 发送它。当我发送这封电子邮件时，我收到的电子邮件带有它的标签，而不是我想要的样式。

谢谢

【问题讨论】：

您要添加用于发送电子邮件的代码吗？

标签： php email html-email

【解决方案1】：

电子邮件客户端不支持 css..

你必须正确的内联样式..

【讨论】：

但即使没有样式的标签也只是打印为一些文本
为此..您不是以html形式发送电子邮件..您是以纯文本形式发送它们..您需要更改它..
那么我如何收到那些程式化的垃圾邮件？

【解决方案2】：

由于您已经拥有 CSS 和 HTML，您可以利用本网站将 CSS 样式转换为 HTML 电子邮件的内联 CSS 样式。

http://inlinestyler.torchboxapps.com/

【讨论】：

您是否输入了任何 HTML 代码？尝试加载示例，看看它是如何工作的 :)

【解决方案3】：

向接收者显示您希望它们显示的 HTML 电子邮件并不简单。它们更像是 90 年代后期的 html。样式应该是内联的，并且你应该使用表格进行布局。背景不能在许多客户端上可靠地工作，并且肯定您在各种客户端上进行测试，因为不同客户端之间的 html 会千差万别。

奖励：忘记 javascript / jQuery 之类的......

另外，不要指望能够显示 CSS3 和 html5 元素等。许多客户端不支持。 Outlook 甚至不能很好地支持边距，更不用说我们已经习惯的所有 css。所以保持非常简单，使用表格进行布局，广泛测试，不要认为你甚至会接近像素完美......

here is some help on universally supported html/css

【讨论】：

没问题。我花了大约一半的时间设计/发送/跟踪 html 电子邮件。我同意，这很可悲，但这些限制希望能迫使你专注于信息和干净/简单的设计。另一点 - 许多用户默认关闭图像，因此您也需要考虑这一点....

【解决方案4】：

电子邮件客户端不支持 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>

【讨论】：

键入内联 CSS 而不是调用 CSS 文件。