Creating rounded corners with CSS3

Rounding corners is easy with CSS3.

-moz-border-radius-topleft: 20px; -webkit-border-top-left-radius: 20px; -khtml-border-top-left-radius: 20px; border-top-left-radius: 20px;
-moz-border-radius-topright: 20px; -webkit-border-top-right-radius: 20px; -khtml-border-top-right-radius: 20px; border-top-right-radius: 20px;
-moz-border-radius-bottomleft: 20px; -webkit-border-bottom-left-radius: 20px; -khtml-border-bottom-left-radius: 20px; border-bottom-left-radius: 20px;
-moz-border-radius-bottomright: 20px; -webkit-border-bottom-right-radius: 20px; -khtml-border-bottom-right-radius: 20px; border-bottom-right-radius: 20px;

Just change every instance of 20px to match how round you want your corners to be. The smaller the number, the smaller the rounded corner.