css导航栏样式设计

Question

这样的导航栏css样式程序大体是个什么样子，特别是那两条竖直的虚线是怎么实现的（可能要放大图片才能看到里面的虚线），求前端大神指导，不甚感激。

Answer 1

其他的导航栏类似的竖线（跟这里的第一条很像）可以使用左或右边的border写，第二条那种带渐变的竖线还是用背景图，你这个一张背景图，上面的文字部分li浮动，不用想的很复杂。