Creating cool looking CSS3 rounded buttons

To craete a button simply give your element a div class of button and for button CSS use the following code:

the above code will produce the following result

Fancy CSS3 Button

It will work in all the browsers except that IE6,7,8 does not support the rounded boxes and shadows easily (that will be another tutorial) . This of course applies to other elements as well like boxes and input fields. Got questions? Use comments below.