• テンプレート選択: 左側のテンプレートカードをクリックすると、プリセットのデザインが適用されます
• カスタマイズ: 各種設定項目を変更すると、右側のプレビューがリアルタイムで更新されます
• コード出力: 右上の「コード出力」ボタンで、生成されたCSSコードをコピーできます
• リセット: 「リセット」ボタンで初期状態に戻せます

• ミニマルデザイン: ヘッダー背景を透明にし、下罫線のみで区切るとスタイリッシュに
• コントラスト: ヘッダーに濃い色を使い、本文を明るくすると視認性が向上します
• ホバー効果: マウスオーバー時の色変更で、インタラクティブ性を演出できます
• 罫線の使い分け: ヘッダー下に太めの罫線、セル間は細めの罫線で区切るとメリハリが出ます

• ヘッダー下罫線: 太さと色を変えることで、ヘッダーを際立たせられます
• 最終行罫線: テーブルの終わりを明確に示すために有効です
• 大文字変換: ヘッダーを大文字にすることで、よりフォーマルな印象に
• 文字間隔: letter-spacingを調整すると、洗練された印象を与えられます
• テーブル外枠: 外枠を付けることで、テーブル全体を囲んだデザインに

Outlook のテーブルへの Style の適用方法はこちら