1

当我通过 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发送它。当我发送这封电子邮件时，我收到了带有标签的电子邮件，并且没有按照我的意愿进行样式设置。

谢谢

4

4 回答 4

5

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

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

于 2012-10-05T17:25:18.917 回答
2

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

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

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

这是关于普遍支持的 html/css 的一些帮助

于 2012-10-05T17:43:45.023 回答
1

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

http://inlinestyler.torchboxapps.com/

于 2012-10-05T17:42:20.037 回答
1

电子邮件客户端不支持 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>
于 2013-07-24T11:34:34.040 回答