Cross Browser Rounded Corner CSS Example - Border Radius

Cross Browser Rounded Corner CSS - Border Radius References:

Chrome : -webkit-border-radius:10px;
Firefox  : -moz-border-radius:10px;
Opera   : -o-border-radius:10px    or also you can use as -opera-border-radius
Safari    : -khtml-border-radius:10px;

IE 9.0+  : border-radius:10px;  (Forgive if it does not work - That Shit I bet won't Work)

You can also use other parameters in combination with 10px 0 10px 10px;


Our Latest Deployments:
Taxi In San Jose | Yellow Cab Airport Taxi

rounded corner div - jquery

rounded corner div - jquery

two liquid methods
1. Liquid Canvas - by Steffen Rusitschka
2. Ruzee Cornors - by Steffen Rusitschka

try them

Code-only rounded HTML boxes

Code-only rounded HTML boxes

This is a Javascript library that makes creation of rounded-corner HTML boxes easier, with a focus on Internet Explorer.

IE is supported through use of VML. Standards-compliant browsers are, by default, ignored. If you wish it so, each call to DD_roundies.addRule can take an optional third parameter that will spit out appropriate proprietary code for browsers that are known to support the CSS border-radius property.

Download
Uncompressed JS file
Compressed JS File

css rounded corner box without images

rounded-corner-css-without-images
Dream-in-Code
Webkit / KHTML / MOZ - More examples

Well explained using jQuery techniques - compatible with all browsers -- Read More