§ ITPOW >> 文档 >> CSS

如何让空白单元格显示边框?

作者:vkvi 来源:ITPOW(原创) 日期:2009-8-7

样式表如下:

<style type="text/css">
table
{
    border-collapse:collapse; /*默认为 separate*/
    empty-cell:show; /*默认为 hide*/
}
td
{
    width:13px;
    height:13px;
    border:1px solid #000000;
}
</style>
<table>
  <tr>
    <td></td><td></td>
  </tr>
  <tr>
    <td></td><td></td>
  </tr>
</table>

由 empty-cell 控制。注意:border-collapse 必须为 collapse,否则 empty-cell 无效(Chrome 中除外),有些电子书上写的 border-collapse 必须为 separate,其说法有误;还有这两个样式是用在 table,不要误用在 td

相关文章