HTML:表格边框未显示在电子邮件中

iDi*_*ipa 4 html css email

我有 HTML 字符串,我必须将其作为邮件正文传递。HTML 字符串的表格边框为 0。但对于某些单元格,必须显示顶部和底部边框。

现在问题是正常的 HTML 它显示边框很好,下面给出了图像 在此处输入图片说明

但是当我向邮件正文添加相同的 HTML 字符串时,它没有显示边框。给出了下图在此处输入图片说明

这是我的 HTML 字符串:

<!DOCTYPE html>
<html>
<head></head>
<body>
    <table style='width:25%;'>
        <tr>
            <td style='border-bottom: 1px solid black;'><b>Invoice #</b>
            </td>
            <td style='border-bottom: 1px solid black;text-align:center;'><b>Amount</b>
            </td>
        </tr>
        <tr>
            <td>3011-20190904-W</td>
            <td style='text-align:right;'>979.71</td>
        </tr>
        <tr>
            <td></td>
            <td style='text-align:right;border-top: 1px solid black;'>979.71</td>
        </tr>
    </table>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)

无法跟踪问题。我正在使用 sendgrid 发送邮件。

小智 6

代替:

<td style="border-bottom: 1px solid black;">
Run Code Online (Sandbox Code Playgroud)

尝试:

<td style="border-bottom: 1px solid #000000;">
Run Code Online (Sandbox Code Playgroud)

Outlook 更喜欢十六进制值而不是颜色名称,所以也许这就是问题所在。