正如可以看到的这个演示 http://jsfiddle.net/ZFYvq/，其中表格设置有圆角（特别是右上角和左下角），这些角会被其包含的单元格的背景颜色破坏。
我尝试应用一些padding到桌子上，但这并没有帮助。我唯一的选择是添加额外的列和行并设置它们background-color to transparent?
如何仅使用 CSS 解决此问题（不添加图像或 JavaScript）？
Add overflow: hidden;到表格的 CSS 规则来剪辑其内部内容。这MDN 参考 https://developer.mozilla.org/en-US/docs/CSS/overflow指出：
CSS 属性overflow 指定是否裁剪内容、渲染
滚动条或显示块级元素的溢出内容。
正如表所示考虑的块级元素 https://developer.mozilla.org/en-US/docs/HTML/Block-level_elements，适用此规则。
要克服 Gecko 驱动的浏览器（例如 Firefox）的不一致问题，请应用display: inline-block以及。
See the 更新了 jsFiddle 上的演示 http://jsfiddle.net/ZFYvq/20/.
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
