div边框弧形设计,radius的⽤法,CSS3border-radius属性
CSS3 border-radius 属性
向 div 元素添加圆⾓边框:
代码:
div
{
border-radius:5px;
}
弧度可根据实际情况进⾏调整,个⼈认为5px较为合适
div border属性也可上下左右分开表⽰:
例:
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%;

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。