1

PHPメール機能を介してメールを送信する場合（このhtmlコードを1行にまとめてメッセージに追加します）、送信したい内容を次のように言います。

<!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をお持ちなので、このWebサイトを利用して、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 に答える