如何在HTML中设置文本以严格覆盖图像?
我正在写一封电子邮件时事通讯,需要设置一张图片作为页脚,上面有几个可点击的链接。我已经用HTML和CSS找到了答案,但无论我在哪里搜索,我都找不到一种严格使用HTML的方法。有人能帮我吗如何在HTML中设置文本以严格覆盖图像?,html,Html,我正在写一封电子邮件时事通讯,需要设置一张图片作为页脚,上面有几个可点击的链接。我已经用HTML和CSS找到了答案,但无论我在哪里搜索,我都找不到一种严格使用HTML的方法。有人能帮我吗 <!--Footer--> <tr id="footer"> <td id="footer" style="font-family: 'Titillium Web', sans-seri
<!--Footer-->
<tr id="footer">
<td id="footer" style="font-family: 'Titillium Web', sans-serif;;-webkit-text-size-adjust:none;background-image: url" img url"" templates\uuaemail-foot.jpg";padding-left:="" 20px;padding-right:="" 20px;padding-top:="" 10px;padding-bottom:="" 20px;"="">
<table height="101" width="602">
<tbody>
<tr>
<td id="footer" style="font-size: 10px;color:white;" height="95" valign="top" width="600" align="center"><p><br></p><p class="style3"><strong><span style="font-size: 12px;">admissions.rutgers.edu<br></span></strong></p><p class="style3"><span class="style7"><span style="font-size: 8px;"><strong> University Undergraduate Admissions</strong>, Operations Center<br>©2017 , an equal opportunity, affirmative action institution.</span></span></p></td>
</tr>
</tbody>
</table>
</td>
招生。罗格斯大学。教育部
大学本科招生,运营中心
©2017,机会均等,平等行动机构
是我目前拥有的(带有CSS样式)
更新:我的问题是,这封电子邮件被广泛发送给Ms Outlook 2016,通过测试,我听说和看到它不能很好地处理CSS样式。当我在Outlook中打开这段代码时,它在消息的顶部显示了CSS样式命令,但根本没有应用它。CSS只是样式表的一种组织方式。虽然不推荐,但您可以将内联样式与HTML结合使用来实现几乎所有功能,如果您发布代码,我们中的一些人可能会给出明确的答案。HTML是一种标记语言,它本身既不添加功能性,也不添加样式 那里有标签浏览器放置默认值 例如 还是h标签
<h1></h1>
其他所有样式更改都必须使用css自行完成。您还可以使用内嵌stlyes,例如:
<h1 style="color:red;"> A red big text </h1>
红色大文本
查找有关默认值和内联样式的详细信息的一个好方法是:您希望在电子邮件中使用背景图像,并希望在outlook中呈现它。使用此网站可为在所有outlook桌面版本中工作的背景图像生成代码。然后,您可以在图像上添加链接等
另外,请不要在代码中多次使用同一id。只能将ID分配给一个元素。要覆盖多个元素,请使用class属性。您可以使用样式标记在html中添加css代码,但如果没有css,则无法实现类似的效果。即使是一个标签也会自动添加css代码。你能添加html代码吗?请编辑图像并将文本作为图像的一部分,然后使用新编辑的图像。。。只有wayRakesh Soni-如果他将链接文本添加为图像的一部分,整个图像只能链接到单个目标,而不是单个链接,这可能会破坏功能。您键入的代码正确吗?它在
背景图像
和中充满了错误:=
字符串在左边填充:=''20px;右边填充:=“”20px;填充顶部:=“”10px;填充底部:=“”20px;“=”
<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;
}
<h1 style="color:red;"> A red big text </h1>