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

来源:12-11 加个圆角 - 使用border-radius设置圆角

琴瑟在御yhh

2020-08-21 21:21

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

感觉这样子更圆了?

写回答 关注

6回答

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

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

    柒无忧

    注意一下和边框是不是实线没有关系,我说实线只是因为实线更容易看到效果

    2021-04-09 11:20:16

    共 1 条回复 >

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

    超过200后就没变化了

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

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

    qq_慕仰1...

    感觉差不多

    2020-12-13 14:42:35

    共 1 条回复 >

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

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

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

    感觉200比100更圆一些?

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

    100也够圆了吧

初识HTML(5)+CSS(3)-升级版

HTML(5)+CSS(3)基础教程8小时带领大家步步深入学习标签用法和意义

1225811 学习 · 18234 问题

查看课程

相似问题