18910140161

html-如何使行的边框底部比其他的更大?-堆栈溢出

顺晟科技

2022-10-19 14:16:06

188

实际上,我想让页面中表格的最后一个边框底部比其他边框底部更大,就像你在下一张照片中看到的那样

我想要的结果是这样的,页面末尾的最后一个边框底部更大

css是这样的

.table thead tr td {
                            padding: 1px;
                            color: #000000;
                            background-color: #FFFFFF;
                            border-top: 1px solid #000000 !important;
                            border-bottom: 1px solid #000000 !important;
                            border-left: 1px solid #000000 !important;
                            border-right: 1px solid #000000 !important;
                        }

                        .table tbody tr td {
                            padding: 1px;
                            color: #000000;
                            background-color: #FFFFFF;
                            border-top: 1px solid #000000 !important;
                            border-bottom: 1px solid #000000 !important;
                            border-left: 1px solid #000000 !important;
                            border-right: 1px solid #000000 !important;
                        }

这样做是正确的吗?


顺晟科技:

可以在最后一次使用选择器:

如下所示

.table thead tr td {
                            padding: 1px;
                            color: #000000;
                            background-color: #FFFFFF;
                            border-top: 1px solid #000000 !important;
                            border-bottom: 1px solid #000000 !important;
                            border-left: 1px solid #000000 !important;
                            border-right: 1px solid #000000 !important;
                        }

                        .table tbody tr td {
                            padding: 1px;
                            color: #000000;
                            background-color: #FFFFFF;
                            border-top: 1px solid #000000 !important;
                            border-bottom: 1px solid #000000 !important;
                            border-left: 1px solid #000000 !important;
                            border-right: 1px solid #000000 !important;
                        }
  • TAG:
相关文章
我们已经准备好了,你呢?
2024我们与您携手共赢,为您的企业形象保驾护航