用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 {    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 */}