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%;