css - ul-li标签之间的标题中的HTML边界分隔符

Question

看看我的问题：

我现在有：

我需要做什么：

我试图处理边界，但没有发生任何事情。

这是我的代码：

<ul id="tabMenu">
<li class="dropdown"><div><a class="tab1"><div class="dropdown_text">поиск по производителю</div></a></div></li>
<li class="dropdown"><div><a class="tab2"><div class="dropdown_text">поиск по назначению</div></a></div></li>
<li class="dropdown"><div id="menu_logo"></div></li>
<li class="dropdown"><div><a class="tab3"><div class="dropdown_text">кабинет</div></a></div></li>
<li class="dropdown"><div><a class="tab5"><div class="dropdown_text">сравнение</div></a></div></li>
<li class="dropdown"><div>
<span id="more_search"></span><a class="tab4" href="/emarket/cart/"><div class="dropdown_text">покупки</div></a>
</div></li>
</ul>

这是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;
}

请帮我解决这个问题。

Answer 1

如果你想要它的影子，那么将这种风格应用到你的div

box-shadow: 0px -3px 5px #888888;

或更改值直到你得到那个效果..

编辑

如果您想在您的内部获得阴影效果，请div使用

box-shadow: inset 0px -3px 5px #888888;

编辑

对于分隔符使用这个

nav li + li:before{
content: " | ";
padding: 0 10px;
}

我通过这个链接得到了这个

Answer 2

尝试将边框应用于

ul li {
display: inline-block;
border-right:1px solid #000;
}