Search code examples
javascriptrounded-corners

Javascript: How to create a rounded corner tab menu?

alt text

Do you know any rounded corners tab like this one that I can download? Or how can I create a tab like that? Do the use of images in the tab menus are required or not? I used the:

-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius:5px;
border-top-right-radius:5px;

but it is not perfect. Do you know any helpful links/tutorials about rounded corner tab?

Solution

  • The best-looking rounded corners are always going to be those done using an image. Anything else is the browser's best attempt, which may not be what you want. It's also far easier to just use images.

    You just need a small image for each corner, and another tileable set of images for the rest of the border. Plug it all into CSS classes and you're good to go.