盒子模型和圆角边框的属性

一、标准盒子模型

content + padding + border + margin

定义 width 和 height 时，参数值不包括 border 和 padding

二、怪异盒子模型

能不能实现怪异盒子模型全看属性 box-sizing，box-sizing 属性的取值可以为 content-box 或 border-box。

1. content-box：浏览器对盒模型的解释遵从W3C标准，当定义 width 和 height 时，它的参数值不包括 border 和 padding。
2. border-box：当定义 width 和 height 时，border 和 padding 的参数值被包含在width和height之内。

三、border-radius

这个属性是设置圆角边框的，别老是搞混了

border-radius: 50% 就可以把一个div变成圆