css3 rounded corners (border-radius)_html/css_WEB-ITnose

prefix

-moz (e.g. -moz-border-radius) is used in Firefox.
-webkit (eg: -webkit-border-radius) for Safari and Chrome.

css3 rounded corner code

<div class="radius"></div>.radius {    padding:10px; width:300px; height:50px;    border: 5px solid #dedede;    -moz-border-radius: 15px;      /* Gecko browsers */    -webkit-border-radius: 15px;   /* Webkit browsers */    border-radius:15px;            /* W3C syntax */}

Effect:

Other writing:

border-radius:5px 15px 20px 25px;               上  右    下   左