Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/85.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
如何在HTML中设置文本以严格覆盖图像?_Html - Fatal编程技术网

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

如何在HTML中设置文本以严格覆盖图像?,html,Html,我正在写一封电子邮件时事通讯,需要设置一张图片作为页脚,上面有几个可点击的链接。我已经用HTML和CSS找到了答案,但无论我在哪里搜索,我都找不到一种严格使用HTML的方法。有人能帮我吗 <!--Footer--> <tr id="footer"> <td id="footer" style="font-family: 'Titillium Web', sans-seri

我正在写一封电子邮件时事通讯,需要设置一张图片作为页脚,上面有几个可点击的链接。我已经用HTML和CSS找到了答案,但无论我在哪里搜索,我都找不到一种严格使用HTML的方法。有人能帮我吗

<!--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>