在代码片段http://jsfiddle.net/hXMLF/3/中,你可以看到单元格白色边框和页面背景之间的小边框。如何避免出现这种情况?
HTML:
HTML:
<table cellspacing="0" cellpadding="0">
<tr>
<td>Test</td>
<td>Test</td>
</tr>
</table>
CSS
body {
background-color: #efefef;
}
table {
margin: 10px;
border-collapse: separate;
border-spacing: 0px;
}
td {
border-radius: 5px;
background-color: #369;
color: white;
border: 5px solid white;
}
content-box
替代,这将仅限制背景到内容。我已经测试过它可以消除故障。但你可能会看到略微不同的“内边框圆角度”,这也许是更正确的边框圆角度。 - Robert Koritnik