shit IE & no table `border-collapse: collapse;`

最新推荐文章于 2020-11-20 23:31:48 发布

weixin_30794851

最新推荐文章于 2020-11-20 23:31:48 发布

阅读量92

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/xgqfrms/p/9834684.html

本文介绍了一种使用CSS实现表格布局的方法，重点讲解了如何通过border-collapse属性和选择器实现整洁的边框效果，同时提供了代码示例。

shit IE

no table border-collapse: collapse;

/* IE & shit table &  border-collapse: collapse; */

table {
    border-spacing: 0px;
    border-top: 1px solid #f0f0f0;
    border-right: 0;
}

table td {
    border-left: 1px solid #f0f0f0;
    border-bottom: 0;
    border-right: 0;
}

tbody>tr>td:nth-last-of-type(1) {
    border-right: 1px solid #f0f0f0;
}

tbody>tr:nth-last-of-type(1)>td {
    border-bottom: 1px solid #f0f0f0;
}

tbody>tr:nth-of-type(2n) {
    background: #f5f5f5;
}

tbody>tr:nth-of-type(2n + 1) {
    background: #fff;
}

tbody[id="tbody2"]>tr:nth-of-type(n) {
    background: #fff;
}

转载于:https://www.cnblogs.com/xgqfrms/p/9834684.html