管理電子郵件樣式 managing-styles

Last update: Thu Aug 17 2023 00:00:00 GMT+0000 (Coordinated Universal Time)

建立對象：

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

選取元素 selecting-an-element

若要在電子郵件設計工具介面中選取元素，您可以：

瀏覽結構樹可讓您進行更精確的選取。您可以選取：

若要選取欄，您也可以執行下列動作：

請參閱中的範例本節.

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

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

要執行此操作，請使用 Settings 窗格或新增內嵌樣式屬性.
儲存您的內容。

電子郵件設計工具介面可讓您快速調整邊框間距和邊界設定。

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

例如：

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

NOTE

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

針對兩者 Padding 和 Margin，按一下鎖定圖示以中斷上下或左右引數之間的同步化。這可讓您分別調整每個引數。

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

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

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

確保您沒有設定檢視區的背景顏色，因為它可能會隱藏結構背景顏色。

設定 Background image 結構元件的內容。

note note
NOTE
某些電子郵件程式不支援背景影像。當不支援時，將改用列背景顏色。確保選取合適的後備背景顏色，以防影像無法顯示。

在欄層級設定背景顏色。

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

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

您想要調整由三欄組成的結構元件內的邊框間距和垂直對齊方式。要執行此操作，請遵循下列步驟：

直接在電子郵件中選取結構元件，或使用左側可用的結構樹 浮動視窗.
從 內容工具列，按一下 Select a column 並選擇要編輯的專案。您也可以從結構樹中選取它。

該欄可編輯的引數會顯示在 Settings 窗格在右邊。
在 Vertical alignment，選取 Up.

內容元件會顯示在欄頂端。
在 Padding，定義欄內的頂端內距。按一下鎖定圖示以中斷與底部邊框間距的同步。

定義該欄的左右內距。
以類似的方式調整其他欄的對齊方式和邊框間距。
儲存您的變更。