1

HTML电子邮件新手在这里。无法相信在这个舞台上一件简单的事情会变得多么困难......

我需要一条左对齐、1 像素高、350 像素宽的彩色线条,我可以将它放在 HTML 电子邮件中的文本行之间。

类似<hr align="left" style="height: 1px; width: 350px; color: #ff0000;" />但当然不适用于各种版本的 Outlook(我需要支持 2003+)和 Entourage(我需要支持 2004+)。(当然,其他客户并没有给我同样的悲伤。)

Actual <hr>s 在 Entourage 中显然是不可调整的,所以我尝试了各种方法,包括<p>带有背景颜色的 1px high s。我尝试的一切都会在某个地方中断。

任何人都有一种防弹的方法来制作这条简单的线条而无需借助图像?

4

2 回答 2

0

没有办法不为此使用图像。

您需要做的是添加间隔图像和背景颜色。

我不确定你的电子邮件是如何布置的,但如果这是给我的,我会做这样的事情:

http://jsfiddle.net/ZsCwX/

<table cellpadding="0" cellspacing="0" width="600">
  <tr>
    <td height="1px" width="350px" style="background-color:#F00;"><img src="image/spacer.gif" alt="" width="350" height="1" style="display:block" border="0" /></td>
    <td height="1px" width="250px"><img src="image/spacer.gif" alt="" width="250" height="1" style="display:block" border="0" /></td>
  </tr>
</table>​
于 2012-05-23T14:58:27.570 回答
0

尝试这个:

<tr>
        <td style="padding-top:30px;padding-bottom:30px;">
            <table border="0" cellpadding="0" cellspacing="0" width="350">
                <tbody>
                    <td align="left" bgcolor="#ff0000" style="font-size: 1px; line-height:1px; color:#ff0000">&zwnj;</td>
                </tbody>
            </table>
        </td>
</tr>

于 2022-01-05T20:23:38.657 回答