管理电子邮件样式

上次更新： 2023-08-17

在Email Designer中，选择元素时，多个特定于所选内容类型的选项将显示在 Settings 窗格。您可以使用这些选项轻松更改电子邮件的样式。

选择元素

要在Email Designer界面中选择元素，您可以：

浏览结构树可让您进行更精确的选取。您可以选择以下任一选项：

要选择列，还可以执行以下操作：

请参阅中的示例本节.

在电子邮件中选择元素。有关此内容的更多信息，请参阅选择元素.
根据需要调整设置。每个选定的元素均提供一组不同的设置。

您可以插入背景、更改大小、修改水平或垂直对齐方式、管理颜色、添加填充或边距，等等。

要实现此目的，请使用 Settings 窗格或添加内联样式属性.
保存您的内容。

Email Designer界面允许您快速调整填充和边距设置。

Padding：通过此设置，可管理位于元素边框内的空间。

例如：

Margin：通过此设置，可管理元素的边框与下一个元素之间的间距。

注意

根据您的选择（结构组件、列或内容组件），结果将不同。 Adobe建议设置 Padding 和 Margin 列级别的参数。

对于两者 Padding 和 Margin，单击锁定图标以中断上下或左右参数之间的同步。这使您能够单独调整每个参数。

在使用电子邮件设计器设置背景时，Adobe 有以下建议：

以下是可使用的可用背景设置。

设置 Background color 整个电子邮件。确保在可从左侧面板访问的导航树中选择正文设置。
通过选择为所有结构组件设置相同的背景颜色 Viewport background color. 此选项可让您从背景颜色中选择其他设置。
为每个结构组件设置不同的背景颜色。在导航树中选择可从左侧面板访问的结构，以便仅对该结构应用特定的背景颜色。

切勿设置视口背景颜色，因为它可能会隐藏结构背景颜色。
设置 Background image 结构组件的内容。

注意

某些电子邮件程序不支持背景图像。当不支持时，将改用行背景颜色。请务必选择合适的备用背景颜色，以防图像无法显示。
在列级别设置背景颜色。

注意

这是最常见的用例。Adobe 建议在列级别设置背景颜色，因为这可在编辑整个电子邮件内容时提供更大的灵活性。

您也可以在列级别设置背景图像，但很少这样做。

要在由三列组成的结构组件内调整填充和垂直对齐。为此请执行以下操作步骤：

直接在电子邮件中或使用左侧提供的结构树选择结构组件 调色板.
从 上下文工具栏，单击 Select a column 并选择要编辑的项目。也可以从结构树中选择它。

该列的可编辑参数显示在 Settings 窗格在右边。
下 Vertical alignment，选择 Up.

内容组件显示在列顶部。
下 Padding，定义列中的顶部边距。单击锁定图标可中断与底部填充的同步。

为该列定义左右边距。
以类似的方式继续调整其他列的对齐方式和内边距。
保存您的更改。