仅限css表内边框

Sha*_*kan 1 html css border css-tables

如何创建一个没有外边框但只有内边框的表.像这样的东西(参见页面右下角).我知道我可以像他们一样手动创建它,我的意思是给每个td上课,但是没有更好的方法来实现这一点吗?

lum*_*ric 5

不,他们没有这样做,它以一种很好的方式完成!:)

这将从单元格中删除右边框:

.sidebar-stats td:last-child, .sidebar-stats th:last-child {
    border-right: 0 none;
}
Run Code Online (Sandbox Code Playgroud)

(以同样的方式,您可以删除最后一行的底部边框.您可以使用Firebug来分析他们的CSS,帮助很多!)

  • @Shaokan - 如果你想支持IE7/8,你可以切换边框的一边,因为IE7/8可能不适用于`last-child`,但是它们确实支持`first-child`,所以这个技术可以是用过的.哦,还有你的其他评论,对于IE7/8中兼容CSS的圆角,请参阅[CSS3Pie](http://css3pie.com/) (3认同)
  • @Shaokan:`:last-child`仅适用于IE9及更高版本.值得指出的是,网站不必在每个浏览器中看起来都一样.这只是一个小问题,所以可以让它滑入IE7/8. (2认同)