Bottom corner radius effect with CSS

djdiablo

New Member
my previous question was closed, but I'm sure I was misunderstood. I'll copy that question again, so please don't close is, as far as I have a specific question.I'm going to build a tabbed menu like this:
CjAAo.jpg
So I wonder maybe you can suggest if there is a way to build it with pure CSS maybe, or any other way, so the code and css is clean. And there might be 10 - 15 tabs in a row.There might be drop down too.So the html part might look like this:\[code\]<ul> <li><a href="">Some Text</a></li> <li><a href="">Some Text</a></li> <li><a href="">Some Text</a> <ul> <li><a href="">Some Text</a></li> <li><a href="">Some Text</a></li> <li><a href="">Some Text</a></li> </ul> </li></ul>\[/code\]thanks!!EDITI have no problem building tabs and I know how to make top radius on menu item, and gradient with CSS, but have no idea how to achieve bottom "corner radius" effect on the selected menu item.Is it possible to build a menu like this with only CSS? or I HAVE to use images anyway?all samples and examples on the web are rounded at the bottom but don't have effect like this on the bottom.
 
Back
Top