HTMLメールの各ブロックの背景色を変更するにはどうすればよいですか?

2021年 1月 08日(金曜日) 22:59
印刷
※HTMLやCSS、Javascript等の仕様やコーディング等に関しましては、弊社サポート範囲外となります。 これらの詳細につきましては、お手数ではございますが専門書籍や各種関連サイトなどをご参照いただきますようお願い申し上げます。
※本ページは、tableタグで作成されたブロックのケースについて解説しています。

 

HTMLエディタVersion2を利用する場合

背景色を変更したいセルを選択します。セル内の要素(タイトルなど)ではなく、その周囲の余白あたりをクリックすると、右側に「セルの編集」メニューが表示されます。

「セルの編集」で、「背景色」を指定し、「反映」をクリックします。


HTMLエディタVersion1を利用する場合

ブロックの位置が分かりやすいように、上部パネルの「構成要素を表示」アイコンをクリックします。

背景色を変更したいブロックの中にカーソルを合わせ、上部パネルの「テーブルセルプロパティ」アイコンをクリックします。

「背景」のカラーパレットから希望の色を選択します。厳密に色を指定したい場合は、16進数でカラーコードを指定します。

 

ソースを直接編集する場合

ソースの中で、

<td ... style="... background-color:カラーコード; ...">〇〇〇〇</td>

のようになっている当該個所を見つけ、style属性のbackground-colorプロパティの値を、希望のカラーコードに書き換えますます。

 

最終更新 2021年 9月 02日(木曜日) 10:51