如何在导航菜单中添加左边框

Question

我想在菜单左侧显示边框.我尝试在菜单中添加另一个边框,但这不能像我预期的那样工作.

边框菜单

我希望它显示在此图像中.我应该将边框添加为列表中的图像还是调整边框属性？如果我添加边框,它将覆盖导航区域的整个高度.这是链接http://codepen.io/anon/pen/EanAx/.请帮忙.

Answer 1

您可以使用管道字符而不是border在每个菜单项之前应用伪类,如下所示:

#nav > li a:before{
    content: "|";    
    padding-right: 20px;
}