如何在HTML中严格设置文本以覆盖图像?

时间:2017-07-05 12:54:39

标签: html

我正在撰写通过电子邮件发送的简报,需要将图片设置为页脚,并在其上放置一些可点击的链接。我已经使用HTML和CSS来解决它,但无论我在哪里搜索,我都找不到严格使用HTML的方法。谁能帮我吗?

{{1}}

我目前拥有的(使用CSS样式)

更新:我的问题是该电子邮件被广泛发送到Outlook 2016,我通过测试听到并看到它不能很好地处理CSS样式。当我在Outlook中打开此代码时,它在消息顶部显示了CSS样式命令,并且根本没有应用它。

3 个答案:

答案 0 :(得分:0)

CSS只是样式表的一种有条理的方式。虽然不推荐,但您可以使用仅使用HTML的内联样式来实现几乎所有内容,如果您发布代码,可能我们中的一些人可以提出明确的答案。

答案 1 :(得分:0)

HTML是一种标记语言,它既不会自己添加功能性或样式。

有标签浏览器会设置默认值。

例如

<footer> </footer>

大多数浏览器自动添加:

footer { 
    display: block;
}

或h标签

<h1></h1>

大多数浏览器设置默认值,如:

h1 { 
    display: block;
    font-size: 2em;
    margin-top: 0.67em;
    margin-bottom: 0.67em;
    margin-left: 0;
    margin-right: 0;
    font-weight: bold;
}

每个其他风格的改变都必须由你自己用css来完成。您还可以使用内联的stlyes:

<h1 style="color:red;"> A red big text </h1>

查找有关默认值和内联样式的更多信息的好方法是:https://www.w3schools.com/

答案 2 :(得分:0)

您希望在电子邮件中使用背景图片,并希望在Outlook中呈现它。使用此网站http://backgrounds.cm/生成适用于所有Outlook桌面版本的背景图像代码。然后,您可以在图像上添加链接等。

另外,请不要在代码中多次使用相同的ID。您只能为一个元素分配ID。要覆盖多个元素,请使用class属性。