HTML表格中2行之间的空白

时间：2018-10-25 11:20:53

标签： html-table

我想在下表的第2行和第3行之间留一个间隙，并且希望该间隙在整个表的整个宽度上都是白色的。

<!DOCTYPE html>
<html>
<body>
<table style="background-color:#EAEAEA">
<tr><td>lengthy text</td><td>123</td><td>No</td></tr>
<tr><td>lengthiest text</td><td>123</td><td>No</td></tr>
<tr style="background-color:#FFFFFF"><td><br/></td></tr>
<tr><td>lengthier text</td><td>123</td><td>No</td></tr>
</table>
</body>
</html>

上面的代码仅将间隙行的第一列显示为白色，而其他列仍显示为灰色（#EAEAEA）

Output

我该如何实现？

1 个答案:

答案 0 :(得分：1)

使用colspan属性可将白色单元格分为三列：

<tr style="background-color:#FFFFFF"><td colspan="3"><br/></td></tr>

要了解更多信息，请阅读 doc

相关问题
最新问题