How to create round shape corner box in HTML?

Hi,
I want to create round shape corner box using HTML. I couldn't see example HTML tag to create it. Do it need to use CSS to create round shape corner in HTML?
I attach a png file i went to make like this image.

Thanks,
Shopon Khan

 

Hey there.

There are different ways to achieve this.

The best IMHO is to work with css tags. Just google for CSS round corner.

Another way is to use a javascript that will handle it.
Number 3 could be a graphic that you use.



By the way: I have a small demo I could show you.

Look here:

http://special.studenten-vermittlung.com

The CSS for this box is:

width:978px;min-height:350px;margin:0 auto;background-image:-webkit-gradient(linear,50% 50%,50% 100%,from(#fff),to(#fad0c0));background-image:-moz-linear-gradient(-90deg,#fff 50%,#fad0c0 100%);box-shadow:0 0 8px #ccc;-webkit-box-shadow:0 0 8px #ccc;-moz-box-shadow:0 0 8px #ccc;border-radius:12px;-moz-border-radius:12px;-webkit-border-radius:12px;-khtml-border-radius:12px;

Code (markup):

Regards,

Michael

 

Here is a site providing these codes and images for free: http://www.roundedcornr.com/

Just generate the box you want and upload the html, css and images.
Easier than that is hard to find!

 

That's a nice resource Wulkan91.

Thanks for sharing it

Added to my linklist

 

thanks CSM, i need to create its pure html,css and image slice also supported IE6.

 

thanks Wulkan91, i need to create its pure html,css and image slice also supported IE6.

 

you can visit here.. www.roundedcornr.com/

 

Hey, np. Thats what DP is made for.

 

Some good tips. I would like to find some more tools for creating different nav buttons.

 

I do them myself with Photoshop.

Then coding css/html, done
Maybe adding some jQuery magic and that's it.

Like on my URL shortening service site @ http://1click.at

Not really buttons, but 2-state "nav buttons"