我正在尝试让我的导航栏正确居中并且每个导航项的左侧和右侧有一个1px边框(而不是两个边框连接在一起的2px)。
该网站是www.berryconcept.co.uk/vouchfor
任何帮助都将不胜感激。
非常感谢,
汤姆
答案 0 :(得分:2)
要在交汇点中没有双边框,您可以为项目留下没有边框的内容并向左边显示:first-child
项边框:http://www.w3.org/TR/css3-selectors/#selectors
答案 1 :(得分:1)
在这种情况下,我通常按如下方式进行:
我将第一个链接的边框作为border-left: 1px solid #ccc;
添加到<ul>
或包含ul的<div>
,然后将其设置为每个<li>
元素{ {1}}设置。
希望这有帮助。
如果您在jsfiddle上发布代码,我会为您更新。 :)