Rounded corner in pure CSS with cross browser compatibility.

The Source Code to copy/paste:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
.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; 
} 

My official WebSite >