div怎么设置圆角边框

 时间:2024-10-12 21:43:48

我们在开发前端页面的时候,经常会使用到按钮或者div做的按钮,那么我们就会给这个按钮的四个角做一些角度,让div变的更好看,更符合审美一点,那么怎么才能将div设置成圆角呢?

div怎么设置圆角边框

设置四个角的圆角

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

div怎么设置圆角边框

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

div怎么设置圆角边框

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

div怎么设置圆角边框

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

div怎么设置圆角边框

设置整体圆角

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

div怎么设置圆角边框

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

div怎么设置圆角边框
  • CSS怎么设分别置大DIV里面的3个并排小DIV靠左 居中 靠右!
  • 如何让图片在div中居中显示
  • 怎么让两个div在同一行
  • css如何让图片适应div的大小
  • 怎么让div居中
  • 热门搜索
    校园文明礼仪手抄报 圣诞节英文手抄报 中秋节的手抄报简单又漂亮 交通安全手抄报花边 感恩教师节手抄报 欢庆五一劳动节手抄报 关于汉字的手抄报图片 三爱手抄报内容 传统美德手抄报 走进西部手抄报