以CSS和HTML为中心的导航栏



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

网站为www.berryconcept.co.uk/vouchfor

如有任何帮助,我们将不胜感激。

非常感谢,

Tom

要在交叉点中没有双边界,可以为项目指定无边界,并为:first-child项目指定边界:http://www.w3.org/TR/css3-selectors/#selectors

在这种情况下,我通常如下所示:

我在包围ul的<ul><div>上添加第一个链接的边界作为border-left: 1px solid #ccc;,然后将其设置为每个<li>元素都有border-right: 1px solid #ccc;集。

希望这能有所帮助。

如果你在jsfiddle上发布你的代码,我会为你更新。:)

最新更新