欢迎光临
我们一直在努力

DIV+CSS如何设置盒子圆角-左上_左下_右上_右下角-圆形

在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%后,形状就不会再变化了,圆角的半径不能超过宽/高的一半。

赞(0) 打赏
未经允许不得转载:新起点博客 » DIV+CSS如何设置盒子圆角-左上_左下_右上_右下角-圆形

评论 抢沙发

评论前必须登录!