我希望表格单元格之间的分隔线边框是它高度的一半
这是 fiddle 链接:
#details_gdr {
height: 50px;
line-height: 25px !important;
margin-top: 3px;
}
#details_gdr tbody tr:not(:last-child) {
height: 25px;
border-bottom: 1px solid #D0E0EA;
}
#details_gdr tbody tr th:not(:last-child) {
border-right: 1px solid #D0E0EA;
}
#details_gdr tbody tr th {
width: 28px;
text-align: center !important;
}
最佳答案
这是您的解决方案。
#details_gdr {
height: 50px;
line-height: 25px !important;
margin-top: 3px;
border-collapse: collapse;
}
#details_gdr tbody tr:not(:last-child) {
height: 25px;
border-bottom: 1px solid #D0E0EA;
font-size: 1.4em;
}
#details_gdr tbody tr:not(:last-child) th + th::before {
color: #D0E0EA;
content: '|';
font-size: 0.6em;
position: relative;
top: -2px;
left: -7px;
}
#details_gdr tbody tr th {
width: 28px;
text-align: center !important;
}
关于css - 如何设置表格边框小于单元格高度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34478694/