0

私は電子メール テンプレートのデザインを持っており、HTML/CSS で次の要素のスタイリングに取り組むための最良の方法をいじっています。いくつかのことに注意してください。

  • HTMLメールなので、主に表を使います。
  • 負のマージンを使用すると、さまざまなメール クライアントと互換性がなくなる可能性があります。
  • ボタンの周りの白い枠に注意してください

このブロック全体に背景画像を使用することをお勧めしますか? または、このように見えてクライアント間で機能するエレガントな方法はありますか。

これが私のセットアップです：http://jsfiddle.net/ZHkdV/

ここに画像の説明を入力

4

3 に答える 3

1

電子メール テンプレートの場合、検証について心配する必要がないため、かなり「ハッキー」な html を使用できます。クライアントの互換性を巡る 1 つの方法は、すべての行をそれ自体がテーブルにして、1 つのメインの「ラッパー」テーブル内に設定することです。

次に、各テーブル、行、およびセルの境界線をリセットすることを忘れずに、それぞれに必要な数の分割を設定できます。

各セルは、独自の画像または画像のスライスを取得します。最後の行では、アンカー タグに 1 つの画像を含めることができます。また、要素のすべてのスタイルをインラインに保つことを忘れないでください。

HTML メールのボイラープレートは、ほぼ防弾仕様です。

http://htmlemailboilerplate.com/

<table> <!- Wrapper ->
    <tr>
    <td>
    <table>
    <tr>
    <td>
    </td>
    </tr>
    </table>
    </td>
    </tr>

</table>
于 2013-06-19T14:28:41.143 に答える