html table td边框效果 【转】

同时用样式表为 table、td 指定了边框后，可能会发生重叠，这取决于 border-collapse。

   
   

FF 结果如下：

• 左边是未指定 border-collapse 的（默认为 separate）。
• 右边是指定了 border-collapse 为 collapse 的。

IE 结果如下：

• 左边是未指定 border-collapse 的（默认为 separate）。
• 右边是指定了 border-collapse 为 collapse 的。

兼容性

可以看出在发生重叠时，Firefox 是用 td 覆盖 table 的，而 IE 是用 table 覆盖 td 的。

 

=======================================================================

隐藏右边框	隐藏左边框
隐藏上边框	隐藏下边框

显示右边框

显示左边框

显示上边框

显示下边框

右边框显示细虚线

左边框显示粗虚线

上边框显示两条线

下边框显示点