在css中,可以使用“border-radius”属性为div元素添加圆角边框,设置圆角效果。该属性按照左上角,右上角,右下角,左下角的顺序设置圆角值,四个值相同时可省略其余三个值。
border-top-left-radius:50px; //左上角 border-top-right-radius:50px; //右上角 border-bottom-left-radius:50px; //右下角 border-bottom-right-radius:50px; //左下角 border-radius:50px;//四个弧度的圆角相同
如果想要把盒子设置为圆可以将boder-radius的值数设置为50%
border-radius: 50%;//圆角百分比
注意:百分比大于50%后,形状就不会再变化了,圆角的半径不能超过宽/高的一半。
评论前必须登录!
注册