Javascript: How to create a menu with rounded corners?

Question

Hi guys, do you know any rounded tab like this that I can download? Or how can I create such a tab? Do I need to use images in the tab menu or not? I used:

-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 useful links / tutorials about the rounded tab in the corner?

Thank you in advance:)

Cheers, Mark

Answer 1

The most beautiful rounded corners will always be made using the image. Everything else is the best browser attempt, which may not be what you want. It is also much easier to use images.

, . CSS, .

Answer 2

, CSS3, javascript:

<div style="-moz-border-radius: 5px; -webkit-border-radius: 5px;">
    Rounded corners!
</div>

: http://www.css3.info/preview/rounded-border

( ), , , .

Answer 3

jQuery UI? . . http://jqueryui.com/themeroller/#themeGallery