Css 如何在单元格和单元格之间绘制边界线?

Css 如何在单元格和单元格之间绘制边界线?,css,web,line,border,tablecell,Css,Web,Line,Border,Tablecell,我想在手机和手机之间划一条线,但我不知道如何划一条线。所以我用左线代替中线。我写这个问题是为了改进这个设计。(单元格的左行>单元格和单元格之间的行) #菜单li, #菜单李a{ 显示:表格单元格; 边框底部:1px实心#DCDC; } #菜单>李{ 左边框:1px实心#DCDC; } #菜单>李>a{ 显示:表格单元格; 大纲:继承; 轮廓颜色:黑色; } #菜单>li.active>a{ 颜色:白色; 背景#F2B470; } 简单点,这就是你要找的吗 #菜单li, #菜单李

我想在手机和手机之间划一条线,但我不知道如何划一条线。所以我用左线代替中线。我写这个问题是为了改进这个设计。(单元格的左行>单元格和单元格之间的行)

#菜单li,
#菜单李a{
显示:表格单元格;
边框底部:1px实心#DCDC;
}
#菜单>李{
左边框:1px实心#DCDC;
}
#菜单>李>a{
显示:表格单元格;
大纲:继承;
轮廓颜色:黑色;
}
#菜单>li.active>a{
颜色:白色;
背景#F2B470;
}


  • 简单点,这就是你要找的吗

    #菜单li,
    #菜单李a{
    显示:内联块;
    }
    李阿{
    显示:内联块;
    填充:0 10px;
    左边框:1px纯黑;
    }
    #菜单>li.active>a{
    颜色:白色;
    背景#F2B470;
    }
    
    

  • 您也可以分享html代码吗?哦,对不起。。。我认为短代码更好,所以我在写这个问题时删除了一些代码。。我不知道如何在评论中添加代码。。。所以我提出了这个问题!谢谢,我已经添加了我的答案让我知道。哦,我想在菜单和菜单之间画边界!我没听清楚,你能告诉我你的输出是什么吗?我的代码为您提供了menus@KimRuhr我刚刚更新了我的代码,也许你在寻找菜单之间的完整边界?现在检查。@KimRuhr,你检查代码了吗?这就是你需要的吗?抱歉我看到晚了。。。嗯,我想画菜单中心中间(水平-垂直),所以我用表格单元格。嗯。。。喜欢单元和单元之间的menu1 | menu2 | menu3 | menu4 | menu5。我试过你的代码,但它是使括号对齐,使线上下对齐