http://jsfiddle.net/R5G56/I am trying to create a navbar that has the inset effect with borders and outlines, and I want the first and last nav item to have the same inset border on their outside too. I can get the effect with the first nav item because the outline is the same color as the borders, but when the outline is applied to the last nav item, it looks ridiculous because it changes everything around it too. Any idea if I can achieve this?Here is the CSS for the first and last item, the rest of the CSS can be found in the jsfiddle:\[code\].navigation li:first-child a { outline:1px solid #000;}.navigation li:last-child a { outline:1px solid #383838;}\[/code\]
Two color border on ends of my nav bar?
- Thread starter XiaoXiong
- Start date