CSS空单元格属性的用法
empty-cells属性指定如果单元格为空,是否应显示边框。它指示没有任何内容的单元格是否应显示边框。
示例
此属性可以具有显示,隐藏或继承这三个值之一。
<html>
<head>
<style>
table.empty{
width:400px;
border-collapse:separate;
empty-cells:hide;
}
td.empty{
padding:5px;
border-style:solid;
border-width:1px;
border-color:#999999;
}
</style>
</head>
<body>
<table class = "empty">
<tr>
<th></th>
<th>Title one</th>
<th>Title two</th>
</tr>
<tr>
<th>Row Title</th>
<td class = "empty">R1T1</td>
<td class = "empty">R1T2</td>
</tr>
<tr>
<th>Row Title</th>
<td class = "empty">R2T1</td>
<td class = "empty"></td>
</tr>
</table>
</body>
</html>