CSS和HTML为中心的导航栏

时间:2012-01-09 17:58:29

标签: html css navigation

我正在尝试让我的导航栏正确居中并且每个导航项的左侧和右侧有一个1px边框(而不是两个边框连接在一起的2px)。

该网站是www.berryconcept.co.uk/vouchfor

任何帮助都将不胜感激。

非常感谢,

汤姆

2 个答案:

答案 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上发布代码,我会为您更新。 :)