Question

我有一张桌子的电子邮件。我想在顶部添加虚线边框，但在Outlook 2013中没有显示虚线边框。

我的HTML代码：

<table width="700" style="border-collapse: collapse;">
    <tr>
        <td style="padding: 5px 0; border-top-width: 1px; border-top-color: #000; border-top-style: solid;" width="25%">Naam lid 1: Test 1</td>
        <td width="25%" style="border-top-width: 1px; border-top-color: #000; border-top-style: solid;"></td>
        <td width="25%" style="border-top-width: 1px; border-top-color: #000; border-top-style: solid;"></td>
        <td width="25%" style="border-top-width: 1px; border-top-color: #000; border-top-style: solid;"></td>
    </tr>
    <tr>
        <td width="25%">Ban lid 1: joro</td>
        <td width="25%"></td>
        <td width="25%"></td>
        <td width="25%"></td>
    </tr>
    <tr>
        <td style="border-top-width: 1px !important; border-top-color: black !important; border-top-style: dashed !important;">
            <div style="font-weight: bold; text-align: left;" align="left">T-shirt</div>
        </td>
        <td style="border-top-width: 1px !important; border-top-color: black !important; border-top-style: dashed !important;">
            <div style="font-weight: bold; text-align: left;" align="left">Trui</div>
        </td>
        <td style="border-top-width: 1px !important; border-top-color: black !important; border-top-style: dashed !important;">
            <div style="font-weight: bold; text-align: left;" align="left">Sjaaltje</div>
        </td>
        <td style="border-top-width: 1px !important; border-top-color: black !important; border-top-style: dashed !important;"></td>
    </tr>
</table>

任何一个想法，为什么它没有显示，甚至可以在Outlook中显示虚线边框？

Answer 1

显然，!important语句在outlook中失败，删除它解决了问题。

没有虚线边框Outlook HTML电子邮件

1 个答案: