HTML时事通讯-在图像的不同部分覆盖文本，可能使用表格
我们正在尝试制作一份带有卷轴（类似于）图像背景的HTML时事通讯，并希望能够在其中的特定区域放置文本。理想情况下，我们希望能够很容易地将文本放置在顶部区域（卷起部分）、中间部分或底部（再次，在卷起部分）。 最好的方法是什么？我们曾尝试将图像用作表格的背景，并使用表格单元格尝试与图像区域对齐，但很难实现这一点 我们是否应该尝试将图像分割为三个独立的图像（顶部、中部、底部），并将其用作具有三行的表的背景，或者这样做可能不起作用 为我们的无知道歉。我们的HTML技能实际上并不存在；我们只需要一个简单的布局，我们可以使用的通讯 编辑：以下是我们目前正在尝试的内容：HTML时事通讯-在图像的不同部分覆盖文本，可能使用表格,html,css,Html,Css,我们正在尝试制作一份带有卷轴（类似于）图像背景的HTML时事通讯，并希望能够在其中的特定区域放置文本。理想情况下，我们希望能够很容易地将文本放置在顶部区域（卷起部分）、中间部分或底部（再次，在卷起部分）。 最好的方法是什么？我们曾尝试将图像用作表格的背景，并使用表格单元格尝试与图像区域对齐，但很难实现这一点 我们是否应该尝试将图像分割为三个独立的图像（顶部、中部、底部），并将其用作具有三行的表的背景，或者这样做可能不起作用 为我们的无知道歉。我们的HTML技能实际上并不存在；我们只需要一个简单的
<html>
<head>
</head>
<body>
<table style="height: 600px; width: 600px; background-image: url(http://cliparts.co/cliparts/qiB/orL/qiBorL8gT.jpg); background-repeat: no-repeat; background-size: 100% 100%; background-origin: content-box">
<tbody>
<tr>
<td class="">
<table style="height: 500px; width: 400px; margin: auto;">
<tbody>
<tr style="height: 100px;">
<td>This is some text in the top area</td>
</tr>
<tr style="height: 400px;">
<td>This is the main text</td>
</tr>
<tr style="height: 100px;">
<td>This is some text in the bottom area</td>
</tr>
</tbody>
</table>
<br>
</td>
</tr>
</tbody>
</table>
<br>
</body>
</html>
这是顶部区域中的一些文本
这是正文
这是底部区域中的一些文本
不过，我明白，如今这种做法可能是错误的；什么是更好的方法？这真的过时了吗 欢迎来到stackoverflow。请提供一些代码。Stackoverflow将帮助您解决问题，但不会为您完成工作。我的建议是不要使用桌子，这已经是过去的事了。谢谢你的回复。我们已经发布了我们目前正在尝试的东西，这似乎是可行的，但似乎是次优的。如果表格不是您推荐的用于此类事情的方法，那么有什么更好的方法呢？表格可能是web开发中的过去，但如果您计划通过电子邮件发送此新闻稿，则情况并非如此，必须使用表格。