Ví dụ nếu chúng ta muốn bo tròn thẻ div có class là mybox, CSS có thể viết như sau:
.mybox
{
/* Firefox*/
-moz-border-radius:10px;
/* Cho từng góc có thể viết theo cú pháp:  -moz-border-radius-bottomleft:10px; */
 
/*  Google Schrome, SafaRi */
-webkit-border-radius: 10px;
/* Cho từng góc có thể viết theo cú pháp: -webkit-border-top-right-radius: 5px; */
 
/* Opera */
-o-border-radius:10px;
}
 
 
Minh họa:
 CSS:
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
  -o-border-radius:10px; 
 
  

CSS:
-moz-border-radius:105px;
-webkit-border-radius:105px;
-o-border-radius:150px; 
 
  

CSS:
-moz-border-radius:150px;
-webkit-border-radius:150px;
-o-border-radius:150px;

/* chiều rộng & chiều cao
bằng radius * 2 = hình tròn */  
width:300px;
height:300px; 

    
    -moz-border-radius: 25px 10px / 10px 25px;
    border-radius: 25px 10px / 10px 25px;
    /* Nếu bạn có 2 trình duyệt Schrome & Firefox thì bạn sẽ hiểu các thông số này, vì -moz & -webkit GC viết ngược lại */
    -webkit-border-radius:10px 25px / 25px 10px;
 
 
Còn đây là quả trứng gà