div怎么设置圆角边框

  • 原创
  • |
  • 浏览：35484
  • |
  • 更新：
  • |
  • 标签：CSS 
  • div怎么设置圆角边框1
  • div怎么设置圆角边框2
  • div怎么设置圆角边框3
  • div怎么设置圆角边框4
  • div怎么设置圆角边框5
  • div怎么设置圆角边框6
  • div怎么设置圆角边框7
分步阅读

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

div怎么设置圆角边框

设置四个角的圆角

  1. 1

    border-top-left-radius

    设置左上角的弧度

    div怎么设置圆角边框
  2. 2

    border-top-right-radius

    设置右上角的弧度

    div怎么设置圆角边框
  3. 3

    border-bottom-right-radius

    设置右下角的弧度

    div怎么设置圆角边框
  4. 4

    border-bottom-left-radius

    设置左下角的弧度

    div怎么设置圆角边框
    END
  5. 4
    该信息未经授权抓取自百度经验

设置整体圆角

  1. 1

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

    div怎么设置圆角边框
  2. 2

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

    div怎么设置圆角边框
    END

注意事项

  • 本经验由爬楼高手发布，如果帮到了您，帮这篇经验点赞投票哦，谢谢大家
经验内容仅供参考，如果您需解决具体问题(尤其法律、医学等领域)，建议您详细咨询相关领域专业人士。
作者声明：本篇经验系本人依照真实经历原创，未经许可，谢绝转载。
展开阅读全部
相关标签CSS