1

大家好，我正在尝试学习 css ul 和 li 菜单栏。我正在尝试创建此设计http://s13.postimg.org/5bz1a4kw7/divider.jpg每个菜单栏都有空格和分隔符，我似乎无法获得间距，我尝试调整它，但是我无法掌握如何在每个菜单栏 (li) 中设置此间距。你能让我找到正确的方向吗？谢谢

这是我到目前为止所做的 http://jsfiddle.net/blackknights/Wbfjg/

<ul id="mcolor">
    <li><a href="default.asp"><font color="#000000"> Home </a></li>
    <li><a href="news.asp">News</a></li>
    <li><a href="contact.asp">Contact</a></li>
    <li><a href="about.asp">About</a></li>
</ul>
4

2 回答 2

4

我已经更新了你的代码。

li a{
   display:block;
   padding:5px 10px;
   background:#ccc;
   border-right:1px solid #fff;
}
li a.last{
   border-right:none; 
}

检查jsfiddle

于 2013-09-08T08:28:36.703 回答
0

试试这个小提琴。基本上，使用padding-leftandpadding-right和min-widthforli元素。

于 2013-09-08T08:38:44.557 回答