Heim >Web-Frontend >HTML-Tutorial >css3 圆角(border-radius)_html/css_WEB-ITnose
前缀
-moz(例如 -moz-border-radius)用于Firefox。
-webkit(例如:-webkit-border-radius)用于Safari和Chrome。
css3圆角代码
<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 */}
效果:
其他写法:
border-radius:5px 15px 20px 25px; 上 右 下 左