【发布时间】：2015-05-05 23:19:24
【问题描述】：
我正在尝试从 HTML 邮件的表格中删除三个单元格边框。我现在的情况是这样的：
我有什么
我想要什么
代码：
<html>
<head>
<style type="text/css">
body
{
font-family:Calibri, Arial, Sans-Serif;
font-weight:normal;
}
table
{
font-family:Calibri, Arial, Sans-Serif;
font-weight:normal;
font-size:14px;
border-color:#CCCCCC;
border-collapse:collapse;
width:700px;
}
table th
{
font-weight:bold;
padding:10px 5px;
border-style:solid;
border-width:1px;
word-break:normal;
border-color:#CCCCCC;
background-color:#F0F0F0;
}
table td
{
padding:10px 5px;
border-style:solid;
border-width:1px;
word-break:normal;
border-color:#CCCCCC;
background-color:#FFFFFF;
}
.td-left-column
{
font-style:italic;
background-color:#F0F0F0;
text-align:right;
white-space:nowrap;
width:100px;
}
p.italic
{
font-style:italic
}
</style>
</head>
<body>
The script
<br><br>
<em>' + $ScriptName + '</em>
has sent a notification. See below for details...
<br><br>
<table>
<tr>
<th colspan="2">Script</th>
</tr>
<tr>
<td class="td-left-column">Path</td>
<td>' + $ScriptPath + '</td>
</tr>
<tr>
<td class="td-left-column">Server</td>
<td>' + $Server + '</td>
</tr>
<tr>
<td class="td-left-column">Name</td>
<td>' + $ScriptName + '</td>
</tr>
<tr>
<td class="td-left-column">Log-File</td>
<td>' + $LogFileCell + '</td>
</tr>
</table>
<table>
<tr>
<th colspan="5">Backup Report</th>
</tr>
<tr>
<td class="td-left-column" colspan="2">Path</td>
<td colspan="3">' + $BckpDir + '</td>
</tr>
<tr>
<td class="td-left-column" colspan="2">Save Type</td>
<td colspan="3">' + $SaveType + '</td>
</tr>
<tr>
<td class="td-left-column" colspan="2">Objects Saved</td>
<td colspan="3">' + $FilesSaved + '/' + $TotalBckpFiles + '</td>
</tr>
<tr>
<td class="td-left-column" colspan="2">Start</td>
<td colspan="3">' + $Date + ' // ' + $Time + '</td>
</tr>
<tr>
<td class="td-left-column" colspan="2">End</td>
<td colspan="3">' + (Get-Date -Format d) + ' // ' + (Get-Date -Format t) + '</td>
</tr>
<tr>
<td class="td-left-column" style="width:50px;"></td>
<td class="td-left-column" style="width:50px;">Task</td>
<td style="width:200px;text-align:center"><b>FTP Download</b></td>
<td style="width:200px;text-align:center"><b>WinRAR Archive</b></td>
<td style="width:200px;text-align:center"><b>Total</b></td>
</tr>
<tr>
<td class="td-left-column" style="width:50px;"></td>
<td class="td-left-column" style="width:50px;">RunTime</td>
<td style="width:200px;text-align:center">' + $FTPDLRT + '</td>
<td style="width:200px;text-align:center">' + $ArchiveRT + '</td>
<td style="width:200px;text-align:center">' + $BckpRT + '</td>
</tr>
<tr>
<td class="td-left-column" colspan="2">Size</td>
<td colspan="3">' + [System.Math]::Round(($BckpSize / 1GB), 1) + ' GB</td>
</tr>
' + $CompSize + '
<tr>
<td class="td-left-column" colspan="2">Free Disk Space</td>
<td colspan="3">' + [System.Math]::Round(($BckpDsk.FreeSpace / 1TB), 1) + ' TB</td>
</tr>
</table>
<br><br>
<table>
<tr>
<th style="width:100px">ID</th>
<th style="width:200px">File Name</th>
<th style="width:200px">Size</th>
<th style="width:200px">Status</th>
</tr>
' + $AllFileRows + '
</table>
</body>
</html>
到目前为止，我已经尝试将边框颜色设置为单元格的背景颜色，但没有成功。用border-bottom-style:hidden 隐藏边框也不起作用。
更令人困惑的是，当我将border-left-color:#F0F0F0 添加到<td class="td-left-column" style="width:50px;"></td> 时，左边框消失了。但是，当我尝试为右边框执行此操作时，它不起作用。
我在这里设置了一个小提琴：https://jsfiddle.net/Lk6bf5mm/3/ 问题是，如果它在小提琴中看起来不错，并不意味着它在 Outlook 中看起来也一样。
感谢您的帮助。
【问题讨论】：
标签： email outlook html-table