表格属性作为在 HTML 中添加背景图像的方式

[delwar707]

如果您查看由表格设计的电子邮件模板，您会看到第一个主表格，其中包含其他较小的表格块。这就是我们需要的——第一个打开的表格和属性背景。

提到的属性可以应用于整个表格（标签 <table>）或表格单元格（标签 <td>）。

background属性包含托管背景图像的 URL。

例如：

对于不支持背景图像的客户，您需要提及背景颜色 (bgcolor) 以及 ALT 文本。选择背景颜色时要谨慎。所有内容元素和消息文本在背景中都应该清晰可读。有些读者不打开图像，这就是为什么使用 ALT 文本是件好事。不要只使用您可能用于 SEO 需求的普通 alt 文本。想象一下这是图像的唯一替代方案，并使用您的 ALT 文本作为号召性用语。让它们听起来好听又吸引人！您将从中受益。读者要么打开图像查看图像，要么直接点击链接查看优惠。

前：


背景图片1
无背景的电子邮件
后：

背景图片2
带有图案背景的电子邮件
没有背景图像但有背景颜色：


背景图片3
具有纯色背景的电子邮件
如果您没有自己的网站，我们建议您将用于背景的图片保存在免费服务或公共服务器上。澳大利亚电话号码列表 始终输入背景图片文件的绝对路径。

以上就是如何使用 HTML 代码添加背景图片。现在让我们来看看下一个插入方法。

2. 如何使用内联 CSS 代码作为背景图像
操作原理与上面提到的相同，更改第一个打开的表格或表格单元格的代码。 不同之处在于您使用style属性。

HTML代码示例：

给表格添加以下属性：background-repeat: no-repeat;，使背景图片不重复。这样就不会像这样了：背景图片4它将会像这样显示：背景图像 5 不重复的背景图片
background-size: cover; - 此重要属性允许用您的图片覆盖所有可用的新闻稿空间。当您的新闻稿空间有限且需要调整图片大小时，此属性对于移动电子邮件活动特别有用。背景图片6
最好有一个指向电子邮件消息的 WEB 版本的链接。有时无法看到图像，这可能是由于错误或电子邮件客户端不好造成的。最好有一个指向电子邮件 WEB 版本的链接。只需让它听起来像“查看图像时遇到问题？单击此处获取 WEB 版本”

3. 嵌入 CSS 表用于创建背景图像
首先，您需要在电子邮件消息的头部添加一个 css <style> 标签。确保现有 HTML 代码中没有其他背景属性，否则它们会覆盖背景图像。

CSS代码示例如下：

然后我们直接进入电子邮件模板中的嵌入 CSS。使用类来设置与您在电子邮件头部中编写的 CSS 样式的对应关系

4. 电子邮件中的防弹背景图片
背景图像的防弹原理将 HTML 属性用法与 Microsoft 的矢量标记语言 (VML) 相结合。此方法有助于创建带有背景的电子邮件模板，该模板将显示在每个电子邮件客户端中。

今天有一个免费的服务器可以自动生成防弹背景代码。请访问/并尝试一下。

只需指定所需背景图像的 URL，指定备用颜色，并选择是否将此规则应用于新闻稿的整个正文或仅适用于表格中的一个单元格。这样，您就可以将 HTML 代码插入到模板中。