欢迎光临
我们一直在努力

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如何设置盒子圆角-左上_左下_右上_右下角-圆形
分享到: 更多 (0)

评论 抢沙发

评论前必须登录!

 

觉得文章有用就打赏一下文章作者

非常感谢你的打赏,我们将继续给力更多优质内容,让我们一起创建更加美好的网络世界!

支付宝扫一扫打赏

微信扫一扫打赏