Home >Web Front-end >HTML Tutorial >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; 上 右 下 左