当前位置：首页 → 问答吧 → border-collapse的使用。

border-collapse的使用。

时间：2011-08-16

来源：互联网

border-collapse 在做单线表格时非常有用，但是如果要重新覆盖某个td的border时好像会出问题，代码：

<!DOCTYPE HTML> <html lang="en-US"> <head> <meta charset="UTF-8"> <title>Test</title> <style type="text/css"> #test{ border-collapse:collapse; } #test td{ border:1px solid #000; width:60px; height:60px;} .aa{ border:1px solid red !important; } </style> </head> <body> <table id="test"> <tr> <td class="aa"></td> <td></td> <td></td> <td></td> </tr> <tr> <td></td> <td class="aa"></td> <td></td> <td></td> </tr> <tr> <td></td> <td></td> <td class="aa"></td> <td></td> </tr> <tr> <td></td> <td></td> <td></td> <td class="aa"></td> </tr> </table> </body> </html>
提示：您可以先修改部分代码再运行

border-collapse 的合并是不是只保留当前td的border-right,border-bottom，然后border-left, border-top会取它相邻的td（若没有就用自己的border）.
如果还是要用border-collapse的话，这种情况有办法解决吗？

作者: veapon 发布时间: 2011-08-16

这个问题确实很棘手啊！

作者: xmlovedoudou 发布时间: 2011-08-16