盒子模型

盒子模型—边框

边框的常用属性

        border-color（边框颜色）

        border-width（边框粗细）

        border-style（边框样式）

        border

 

 

 

 外边距

内边距 

盒子模型的尺寸 

高度=上下外边距+上下边框+上下内边距+内容宽度

宽度=左右外边距+左右边框+左右内边距+内容宽度

box-sizing属性

语法：box-sizing：content-box  |  border-box  |  inherit;

content-box：盒子的实际宽度和高度仅应用于元素内容，不包括内边距和边框

border-box：盒子的实际高度和宽度包括元素内容、边框和内边距

圆角边框

语法：border-radius: 20px  10px  50px  30px;

盒子阴影

总结