如何避免边界崩溃答案

【问题标题】：How to avoid borders from collapsing如何避免边界崩溃
【发布时间】：2012-07-13 00:22:12
【问题描述】：

这是一个让我忙了一阵子的问题。

正如您在the fiddle 中看到的那样，我正在尝试为单元格顶部设置边框。我想实现单元格的边框看起来像我给 div 的边框。你知道怎么做吗？我已经尝试设置边框图像，但它也不起作用。

【问题讨论】：

CSS dotted border render issue的可能重复
问题不在于边界崩溃。这是关于在单元格角落的表格中呈现边框，这在一个较旧的问题中得到了很好的解决。

【解决方案1】：

table {
    width: 50%;
}
.border1 td {
    border-top: 3px solid red;
}
.border2 td {
    border-top: 1px dotted blue;
}
.border3 td {
    border-top: 1px dashed blue;
}

或者以这种方式对所有tds 使用border-collapse: collapse;：

td {border-collapse: collapse;}

【讨论】：

嗨，很遗憾没有。如您所见，当单元格边界交叉时，蓝点会加倍。
没有跨境。并且没有边界塌陷，因为没有相邻的边界。
嗨...感谢您提供的信息。将其发布为答案，我会将其标记为已解决。我创建了一个解决方法;-)
@user1437032 添加border-collapse: collapse;

【解决方案2】：

试试这个？

http://jsfiddle.net/35qgP/2/

【讨论】：

嗨，px 的数量无关紧要。更多的是蓝点加倍。眼睛捕捉到不规则性。