管理電子郵件樣式 managing-styles

Last update: Fri Jul 19 2024 00:00:00 GMT+0000 (Coordinated Universal Time)

建立對象：

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

選取元素 selecting-an-element

若要在電子郵件Designer介面中選取元素，您可以：

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

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

檢視此區段中的範例。

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

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

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

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

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 底下，定義欄內的頂端內距。按一下鎖定圖示以中斷與底部邊框間距的同步。

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