用CSS3怎么实现圆角边框？

Question

用CSS3怎么实现圆角边框？

Answer 1

#gaga{border:3px solid #f00;border-radius: 5px 6px 7px 8px;}5px代表的是左上角的弧度；6px代表的是右上角的弧度；7px代表的是右下角的弧度；8px代表的是左下角的弧度；

Answer 2

作用样式：border-radius:5px 15px 20px 25px;支持上、右、下、左因css3的兼容性-moz(例如 -moz-border-radius)用于Firefox-webkit(例如：-webkit-border-radius)用于Safari和Chrome。实例圆角边框：<div id="round"></div>#round {&nbsp;&nbsp; &nbsp;padding:10px; width:300px; height:50px;&nbsp;&nbsp; &nbsp;border: 5px solid #dedede;&nbsp;&nbsp; &nbsp;-moz-border-radius: 15px; &nbsp; &nbsp; &nbsp;/* Gecko browsers */&nbsp;&nbsp; &nbsp;-webkit-border-radius: 15px; &nbsp; /* Webkit browsers */&nbsp;&nbsp; &nbsp;border-radius:15px; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;/* W3C syntax */}