管理電子郵件樣式

在「電子郵件設計器」中，選取元素時，窗格中會顯示特定於所選內容類型的幾個選 Settings 項。您可以使用這些選項輕鬆變更電子郵件的樣式。

選取元素

要在「電子郵件設計器」介面中選擇元素，您可以：

瀏覽結構樹可讓您進行更精確的選擇。您可以選擇下列任一項：

要選擇列，您還可以執行以下操作：

請參閱本節的範例。

在電子郵件中選取元素。有關詳細資訊，請參閱選擇元素。
根據您的需求調整設定。每個選取的元素都提供不同的設定集。

您可以插入背景、變更大小、修改水準或垂直對齊、管理顏色、新增填補或邊界等。

若要這麼做，請使用窗格中顯示的選項或 Settings 新增內嵌樣式屬性。
儲存您的內容。

電子郵件設計器介面可讓您快速調整填補空間和邊界設定。

Padding:此設定可讓您管理位於元素邊框內的空間。

例如：

Margin:此設定可讓您管理元素邊框與下一個元素之間的間距。

NOTE

根據您的選擇（結構元件、欄或內容元件），結果將不相同。 Adobe建議在欄 Padding 層級 Margin 設定和參數。

對於和 Padding ，單 Margin擊鎖定表徵圖可中斷頂部和底部或右和左參數之間的同步。這可讓您個別調整每個參數。

文字對齊:將滑鼠游標置於某些文字上，然後使用內容相關工具列來對齊。
水準對齊 (Horizontal alignment)可套用至文字、影像和按鈕——目前不套用至 Divider 和元 Social 件。
要設定垂 直對齊，請在結構元件中選擇一個列，然後從「設定」窗格中選擇一個選項。

在使用電子郵件設計工具設定背景時，Adobe建議您：

以下是您可使用的可用背景設定。

為整個 Background color 電子郵件設定。請務必在導覽樹狀結構中選取可從左側浮動視窗存取的內文設定。
通過選擇，為所有結構元件設定相同的背景顏色 Viewport background color。此選項可讓您從背景顏色中選取不同的設定。
為每個結構元件設定不同的背景顏色。在導覽樹狀結構中，從左側的浮動視窗中選取可存取的結構，以僅將特定背景顏色套用至該結構。

請確定您未設定檢視區背景顏色，因為它可能會隱藏結構背景顏色。
設定 Background image 結構元件的內容。

NOTE

有些電子郵件程式不支援背景影像。不支援時，會改用列背景顏色。請務必選取適當的備援背景顏色，以防影像無法顯示。
在欄層級設定背景顏色。

NOTE

這是最常見的使用案例。 Adobe建議在欄層級設定背景顏色，因為這樣在編輯整個電子郵件內容時，可提供更大的彈性。

您也可以在欄層級設定背景影像，但很少使用。

要在由三列組成的結構元件中調整填充和垂直對齊。要執行此操作，請遵循下列步驟：

直接在電子郵件中或使用左側元件面板中的結構樹選擇結構元件。
從內容 相關工具，按一 Select a column 下並選擇要編輯的工具列。也可以從結構樹中選取它。

該列的可編輯參數顯示在右 Settings 側窗格中。
在下 Vertical alignment面，選擇 Up。

內容元件會顯示在欄的頂端。
在下 Padding面，定義列內的頂部填充。按一下鎖定表徵圖以中斷與底部填充的同步。

定義該列的左邊距和右邊距。
同樣地，繼續調整其他列的對齊和間距。
儲存您的變更。