使用这个CSS会让它看起来像你想要的IE / Safari / FF / Chrome。问题是边界崩溃,这是导致白色边框延续到桌边的原因。如果你删除它(并添加回cellpadding =“0”和cellspacing =“0”)并使用此CSS:
#repeaterTable
{
border-left: 1px solid #A3A3A3;
border-right: 1px solid #A3A3A3;
background: #CCC;
}
#repeaterTable td
{
border-bottom: 1px solid white;
}
#repeaterTable td.last
{
border-bottom: 0px;
}
使用此HTML:
它会起作用。
您可以在CSS中使用:last-child,但旧版浏览器(IE7 /等)不支持,因此在那里看起来不对。取决于你想要的兼容性。所以我使用了“最后”类。
或者,您可以将表格包装在具有左右边框的DIV中,然后您只需担心行边框,就可以使用折叠。