0

HTML メール テンプレートを作成しようとしていますが (最善の場合は難しい)、ヘッダーとコンテンツの間に二重線を入れようとしています。私は境界線スタイルを使用してこれを達成しようとしています:

<div class="1"> header image </div>
<div class="2"> random text </div>

ヘッド スタイル シートの使用:

.1 {
    margin:0;
    padding: 0;
    border-bottom:thin solid red;
}
.2 {
    margin:0;
    padding: 0;
    border-top:thin solid yellow;
}

WLM やその他の電子メール クライアントでは問題なく動作するようですが、Outlook では動作しません。

4

3 に答える 3

3

電子メールの HTML と Outlook を使用した経験から、私はいつもレイアウトにテーブルを使用していることに気付きました。多くの異なる電子メール クライアントが HTML に対して多くの奇妙なことを行いますが、テーブル レイアウトはクライアント間の互換性が最も高いようです。したがって、次のようなものを検討してください。

<table cellpadding="0" cellspacing="0" width="100%" style="border-bottom: solid 1px red;">
    <tr>
        <td> header image </td>
   </tr>
</table>
<table cellpadding="0" cellspacing="0" width="100%" style="border-top: solid 1px yellow;">
    <tr>
        <td> random text </td>
   </tr>
</table>

私はこれをテストしていませんが、最初に試してみます。

于 2013-05-01T12:42:41.900 に答える
0

いいメール テンプレートを作成する最も簡単な方法は、テーブルを使用することです (テーブルを使用するかどうかは不明です。css へのリンクはできるだけ少なくしますがstyle=""、できるだけ多くのことを行ってください。

そして、これを見てください：あちらこちら！これは私を大いに助けてくれました

于 2013-05-01T12:44:36.523 に答える
0

境界線のスタイルにはインライン CSS を使用し、色には 16 進数の値を使用することをお勧めします。コードを古い学校の CSS に変更しました。Litmus で試行およびテスト済み

<table align="center" width="100%" border="0" cellspacing="0" cellpadding="0" bgcolor="ffffff">

      <tr>
          <td>
              <table cellpadding="0" cellspacing="0" width="50%" style="border-bottom: solid 1px #ff0000;">
                    <tr>
                        <td> header image </td>
                   </tr>
              </table>
          </td>
      </tr>
      <tr>
          <td style="line-height: 20px; font-size: 20px;">&nbsp;</td>
      </tr>
      <tr>
          <td>
             <table cellpadding="0" cellspacing="0" width="50%" style="border-top: solid 1px #ffff00;">
                <tr>
                    <td> random text </td>
               </tr>
             </table>
          </td>
      </tr>

  </table>
于 2017-06-09T11:26:55.563 に答える