Html 表内每个t主体的竖条
我有一个动态HTML页面,其中有一个包含多个“tbody”元素的表。 现在,我坚持使用CSS,因为我需要在每个“tbody”内显示一个竖条,如所附图像所示 我怎样才能做到这一点?我尝试使用'tr::after'并创建一个条,但没有帮助 这是我的html: 你能帮我做到这一点吗Html 表内每个t主体的竖条,html,css,html-table,pseudo-element,Html,Css,Html Table,Pseudo Element,我有一个动态HTML页面,其中有一个包含多个“tbody”元素的表。 现在,我坚持使用CSS,因为我需要在每个“tbody”内显示一个竖条,如所附图像所示 我怎样才能做到这一点?我尝试使用'tr::after'并创建一个条,但没有帮助 这是我的html: 你能帮我做到这一点吗 第1行第1列 第1行第2列 第2行第1列 第2行第2列 第3排 第1行第1列 第1行第2列 第2行第1列 第2行第2列 第3排 第1行第1列 第1行第2列 第2行第1列 第2行第2列 第3排 试着给:第一个孩子tda右
第1行第1列
第1行第2列
第2行第1列
第2行第2列
第3排
第1行第1列
第1行第2列
第2行第1列
第2行第2列
第3排
第1行第1列
第1行第2列
第2行第1列
第2行第2列
第3排
试着给:第一个孩子td
a右边框
。如果要有多个列,而不是2列,请尝试使用:not(:last child)
而不是:first child
桌子{
边界塌陷:塌陷;
}
td:第一个孩子{
右边框:1px实心#000;
}
第1行第1列
第1行第2列
第2行第1列
第2行第2列
第3排
第1行第1列
第1行第2列
第2行第1列
第2行第2列
第3排
第1行第1列
第1行第2列
第2行第1列
第2行第2列
第3排
除了@connor
这就是诀窍:
t车身{
利润率:10px;
显示:块;
}
请粘贴您尝试过的CSS。?这也是我的第一个想法,但如果您将其与设计进行比较,我将寻找一条统一的垂直线。我已将CSS规则添加到表
选择器中,它是边框折叠:折叠代码>。这使生产线统一了。谢谢,但还是不符合设计。我的意思是每个tbody元素都有一个单垂直条。但是,目前我们有一个适合所有人的。