问答详情
源自：12-11 加个圆角 - 使用border-radius设置圆角

border-radius等于正方形的边长，更圆了

div {
        width: 200px;
        height: 200px;
        border: 5px solid red;
        border-radius:200px;
    }

感觉这样子更圆了?

提问者：琴瑟在御yhh 2020-08-21 21:21

个回答

  • 柒无忧
    2021-04-09 11:18:55

    因为你边框比较大，所以在实线的时候取一半100px的时候其实边框有一点是没有变成圆角的，这个时候你再加上一个边框值就圆了(记得向上取整)，超过整体一半的时候一直都是圆的.

    1
  • 慕娘4492179
    2021-01-15 21:26:38

    超过200后就没变化了

    0
  • qq_慕仰1265761
    2020-12-13 14:41:52

    但是如果你在加上border-style:dotted 你再来试一试100px和200px看看哪个更圆

    0
  • 李_十一
    2020-09-21 15:47:31

    其实因为有边框的原因，所以你设置100px看上去不是那么圆，你设置border-radius为50%或者105px以上都是一样的，低于105或者50%就不是圆形

    0
  • 琴瑟在御yhh
    2020-08-23 22:55:09

    感觉200比100更圆一些?

    0
  • qq_慕前端1492748
    2020-08-23 21:21:31

    100也够圆了吧

    0