Html 使用CSS去除表格中的水平边框 我想把中间的水平线去掉。基本上，我希望表具有中间边框和中间的垂直分隔符。我如何做到这一点

JS小提琴-

表格{
宽度：85%；
边界塌陷：塌陷；
左缘：4%；
边框：1px纯黑；
}
th{
文本对齐：左对齐；
宽度：50%；
边框：1px纯黑；
填充：5px11px；
}
运输署{
文本对齐：左对齐；
宽度：50%；
边框：1px纯黑；
填充：5px11px；
}

名字
姓氏
Lorem Ipsum只是印刷和印刷的虚拟文本
这是一个早已确定的事实，即

我想这就是你想要的：

table {
    width: 85%;
    border-collapse: collapse;
    margin-left: 4%;
    border: 1px solid black;
}
th {
    text-align: left;
    width: 50%;
    border: 1px solid black;
    padding: 5px 11px;
    border-bottom: None;
}
td {
    text-align: left;
    width: 50%;
    border: 1px solid black;
    padding: 5px 11px;
    border-top: None;
}

更新

---

保留表格上的完整边框，但对于

th

和

td

元素，请坚持使用

border left

和

border right

表格{
宽度：85%；
边界塌陷：塌陷；
左缘：4%；
边框：1px纯黑；
}
th，td{
文本对齐：左对齐；
宽度：50%；
右边框：1px纯黑；
左边框：1px纯黑；
填充：5px11px；
}

名字
姓氏
Lorem Ipsum只是印刷和印刷的虚拟文本
这是一个早已确定的事实，即

您可以摆弄边框：

为

td

s设置

border-top:none

设置

边框底部：对于
th

添加此选项可防止出现多个

tr

s时出现水平线：

tr:not(:last-child) td {
 border-bottom: none;
}

请参见下面的演示：

表格{
宽度：85%；
边界塌陷：塌陷；
左缘：4%；
/*边框：1px纯黑*/
}
th{
文本对齐：左对齐；
宽度：50%；
边框：1px纯黑；
边框底部：无；/*已添加*/
填充：5px11px；
}
运输署{
文本对齐：左对齐；
宽度：50%；
边框：1px纯黑；
边框顶部：无；/*已添加*/
填充：5px11px；
}
tr:not（：last child）td{/*已添加*/
边框底部：无；
}

名字
姓氏
Lorem Ipsum只是印刷和印刷的虚拟文本
这是一个早已确定的事实，即
Lorem Ipsum只是印刷和印刷的虚拟文本
这是一个早已确定的事实，即

table {
    width: 85%;
    border-collapse: collapse;
    margin-left: 4%;
    border: 1px solid black;
}
th {
    text-align: left;
    width: 50%;
    border-right: 1px solid black;
    padding: 5px 11px;
}
td {
    text-align: left;
    width: 50%;
    border-right: 1px solid black;
    padding: 5px 11px;
}

tr:not(:last-child) td {
 border-bottom: none;
}