html 在 ul 加分隔线,的Html边界分隔在UL-L1之间的标题标记

现在我有：

我需要做什么：

我试图做边界，但没有发生。

这里是我的代码：

• поиск по производителю
• поиск по назначению
• кабинет
• сравнение

• покупки

这里是CSS：

ul li {

display: inline-block;

}

ul li a {

color: #ccc;

white-space: nowrap;

text-decoration: none;

padding-top: 55px;

}

ul li a div.dropdown_text {

display: inline-block;

}

div.site_info ul li a.tab1 (etc for a.tab2, a.tab3, a.tab4) {

float: left;

margin-left: 89px;

background: url(/img/new_desing/producers.png) no-repeat top center;

}

请帮我解决这个问题。

+1

事实上，你可能想的分隔符，你可能想要一个影子？总是解释你想要的问题 –

+0

如果可能，你可以为它创建一个jsfiddle吗？ –

+0

您可以使用渐变背景颜色。请参阅http://www.colorzilla.com/gradient-editor/ –