bootstrap3表边界没有外边框

Question

我想使用带边框的bootstrap 3表，例如使用class="table table-bordered"，这样我就会在单元格之间有边框，但我不想在外面有任何边框表格。

我尝试了以下内容，它似乎对双方都有效，但考虑到thead和{{1}，我无法想出处理潜在顶部和底部边界的好方法是可选元素。我希望能够做出能够解决这些问题的强大功能，从而最大限度地提高再利用潜力。

tfoot

这里有一个很好的CSS解决方案吗？

Answer 1

我昨天遇到了同样的问题，我用的css代码是：

    .table-borderless tbody tr td, .table-borderless tbody tr th, .table-borderless thead tr th {
    border: none;
    max-height: 200px; 
    font-size: 20px;

    border-right: 1px solid gray;
    border-collapse: collapse;
}
.table.table-borderless {


    border-right: 1px solid gray;
    border-collapse: collapse;
    max-height: 200px; 
    font-size: 20px;
}