我试图手动添加一个<hr>在一个html电子邮件表中的一些行之间（Outlook不支持css类）。
here建议的方法似乎对我不起作用。
我试过Chrome和Firefox。
我还尝试了下面的代码，但我无法在行之间获得连续的行：
<!doctype html>
<html>
<head>
<title>Test Table Styling</title>
</head>
<body>
<h1>Test</h1>
<table>
<tbody>
<tr>
<th>head1</th>
<th>head2</th>
<th>head3</th>
</tr>
<tr>
<td style="border-top-color: blue;border-top-style: solid;"/>
<td style="border-top-color: blue;border-top-style: solid;"/>
<td style="border-top-color: blue;border-top-style: solid;"/>
</tr>
<tr>
<td style="border-top-color: green;border-top-style: solid;">blah</td>
<td style="border-top-color: green;border-top-style: solid;">blah2</td>
<td style="border-top-color: green;border-top-style: solid;">blah3</td>
</tr>
<tr style="border-top: 1px solid #E9E9E9;">
<td>blah4</td>
<td>blah5</td>
<td>blah6</td>
</tr>
</tbody>
</table>
<hr />
<table>
<tbody>
<tr>
<th>head1</th>
<th>head2</th>
<th>head3</th>
</tr>
<tr style="border-bottom: 1px solid #000;">
<td >blah</td>
<td >blah2</td>
<td >blah3</td>
</tr>
<tr>
<td>blah4</td>
<td>blah5</td>
<td>blah6</td>
</tr>
</tbody>
</table>
</body>
</html>字符串
1条答案
按热度按时间kuarbcqp1#
您可以使用
border-collapse来删除表格单元格之间的间隙：个字符
使用表中的“cellpadding”和“cellspacing”属性，您看到的老问题的一些答案也达到了相同的效果。这仍然有效，但与CSS相比，通常被认为是一种过时的技术。