div边框弧形设计，radius的用法，CSS3 border-radius 属性



 CSS3 border-radius 属性
向 div 元素添加圆角边框：

代码：
div

{

   border-radius:5px;

}



弧度可根据实际情况进行调整，个人认为5px较为合适

也可上下左右分开表示：

例：
border-radius:5px;

等价于：
border-top-left-radius:5px;                //左上角

border-top-right-radius:5px;             //右上角

border-bottom-right-radius:5px;       //右下角

border-bottom-left-radius:5px;         //左下角

不仅用像素可以表示，也可以使用百分比：

length    定义圆角的形状。

%           以百分比定义圆角的形状。

例：
border-radius:10%;