Html 如何制作只有边框线和垂直线的表格

Html 如何制作只有边框线和垂直线的表格,html,css,Html,Css,我需要使这个表看起来像在图像中的蓝色线在表中是我需要的如何使它请帮助我提前感谢 td,th{ 文本对齐:左对齐; 填充:8px; } 桌子{ 边框:1px实心#dddddd; } 单位 接触 国家 阿尔弗雷德·福特基斯特 玛丽亚·安德斯 德国 商业中心 张锦松 墨西哥 恩斯特·汉德尔 罗兰·孟德尔 奥地利 添加边框折叠:在表中,此操作将表的边框折叠为单个边框,然后您可以将边框右侧添加到td,th标记中 td,th{ 文本对齐:左对齐; 填充:8px; } 第n个孩子(1),第d个孩子(1){

我需要使这个表看起来像在图像中的蓝色线在表中是我需要的如何使它请帮助我提前感谢

td,th{
文本对齐:左对齐;
填充:8px;
}
桌子{
边框:1px实心#dddddd;
}
单位
接触
国家
阿尔弗雷德·福特基斯特
玛丽亚·安德斯
德国
商业中心
张锦松
墨西哥
恩斯特·汉德尔
罗兰·孟德尔
奥地利

添加
边框折叠:在表中,此操作将表的边框折叠为
单个边框
,然后您可以将
边框右侧
添加到td,th标记中

td,th{
文本对齐:左对齐;
填充:8px;
}
第n个孩子(1),第d个孩子(1){
右边框:1px纯蓝色;/*添加此*/
}
第n个孩子(2),第d个孩子(2){
右边框:1px纯蓝色;/*添加此*/
}
桌子{
边框:1px实心#dddddd;
边框折叠:折叠;/*添加此*/
}

单位
接触
国家
阿尔弗雷德·福特基斯特
玛丽亚·安德斯
德国
商业中心
张锦松
墨西哥
恩斯特·汉德尔
罗兰·孟德尔
奥地利
插入此代码:

td,th{
文本对齐:左对齐;
填充:8px;
}
td:not(:last child),th:not(:last child){
右边框:1px纯蓝色;
}
桌子{
边框:1px实心#dddddd;
边界塌陷:塌陷;
}

单位
接触
国家
阿尔弗雷德·福特基斯特
玛丽亚·安德斯
德国
商业中心
张锦松
墨西哥
恩斯特·汉德尔
罗兰·孟德尔
奥地利

尝试
边框折叠:折叠
并为表格单元格设置边框。我知道边框折叠在这里做什么。它是否覆盖了第四个边框?只是一个建议,可能会使其仅在接触面两侧有线条。我想这就是我们想要的,根据问题中提供的第一张图片对不起,我只想要桌子里面的蓝色边框,而不是桌子的左边框或右边框,请帮我进去that@Sumanr选中这个JSFIDLE,你会发现所有的边框都是分开的,并且都是可见的框,即每个标签都有一些默认值,在这里,表的默认值边框折叠为单独的,如fiddle所示,为了将它们对齐在一行中,我们使用边框折叠:折叠。我已经编辑了我的解决方案,请检查。感谢@frnt的解释,现在我很清楚了,但请帮助我使表格内部只有蓝线而不是边框线。对于多行表格,这是一个完美的解决方案
td:not(:last-child),th:not(:last-child) {
  border-right: 1px solid blue;
}

table {
   border-collapse: collapse;
  //more code
}