CSS——为什么border的内边框不是圆角

建议观看这个大佬的博客

有些同学可能会有疑惑，为什么我明明设置了border-radius，但是圆角却只在border的外边框生效，内边框仍旧是一个直角。
看到下面这张图你就会明白：

我们在设置border-radius的时候，它的数值决定了一个边角圆形遮罩的半径，只有被这个圆覆盖到，才会进行裁剪

所以当border-radius的长度小于border-width的时候，就会出现外圆内直的情况