Rounded corner in pure CSS with cross browser compatibility.
The Source Code to copy/paste:
.round {
-webkit-border-radius: 4px 3px 6px 10px; /* Chrome and Safari */
-moz-border-radius: 4px 3px 6px 10px; /* Firefox */
-o-border-radius: 4px 3px 6px 10px; /* Opera */
border-radius: 4px 3px 6px 10px; /* generic */
-khtml-border-radius: 4px; /* old Konqueror */
}
/* alternative syntax broken into each line */
.round {
-webkit-border-top-left-radius: 4px;
-webkit-border-top-right-radius: 3px;
-webkit-border-bottom-right-radius: 6px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-topleft: 4px;
-moz-border-radius-topright: 3px;
-moz-border-radius-bottomright: 6px;
-moz-border-radius-bottomleft: 10px;
}
