Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Can’t Figure out how to Round Navigation Edges Re: Can’t Figure out how to Round Navigation Edges

#124150
yinzdo
Member

#nav-wrap a {
box-sizing: border-box;
}

#nav-wrap li:first-child a {
border-radius: 5px 0 0 5px;
}

#nav-wrap li:last-child a {
border-radius: 0 5px 5px 0;
}

1. The first rule should fix your border and padding issue. See Chris’ post on [Box Sizing](https://css-tricks.com/box-sizing/ “Box Sizing Article”) for more info.
2. The second rule should add a border radius to the left side of the first nav item.
3. The third rule should add a roder radius to the right side of the last nav item.