2014-09-12 40 views
0

我有一張表格的電子郵件。我想在頂部添加一個虛線邊框,但在Outlook 2013中不顯示虛線邊框。沒有虛線邊框Outlook HTML電子郵件

我的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中虛線邊框?

回答

0

顯然!important聲明失敗的前景,刪除它解決了這個問題。