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