div怎么设置圆角边框

作者:小胖吴 | 创建时间: 2023-06-20
我们在开发前端页面的时候,经常会使用到按钮或者div做的按钮,那么我们就会给这个按钮的四个角做一些角度,让div变的更好看,更符合审美一点,那么怎么才能将div设置成圆角呢?...
div怎么设置圆角边框

设置四个角的圆角

border-top-left-radius 设置左上角的弧度

border-top-right-radius 设置右上角的弧度

border-bottom-right-radius 设置右下角的弧度

border-bottom-left-radius 设置左下角的弧度

设置整体圆角

使用百分比来设置圆角,50%以上就完成成了一个圆,如果宽高一样的话

使用px来设置圆角,50px以上就完成成了一个圆

点击展开全文

更多推荐