本文深入讲解CSS盒模型的各个组成部分，包括边框、外边距、内边距和圆角边框的设置方法及技巧。重点介绍如何使用border-width、border-style、margin、padding和border-radius属性来调整元素的外观，以及box-sizing属性在保持盒子大小不变时的作用。
3.1 边框
其他的border-width 还有border-style都是可以按这种方式进行设置
还可以统一简写成
border：1px solid red;
3.2 外边距
盒子和盒子之间的距离，margin
四个方向都可以设置，设置方式和边框一样
Margin妙用
网页居中对齐 左右的这个值使用auto,使得元素左右居中显示
3.3 padding 内边距
设置的是内容和边框之间的距离
Padding会撑大盒子的大小，要保持原样，可以自己计算新width的大小，减去padding的值
解决方式二：
推荐的方式：
Box-sizing:border-box 指定width height的基准是边框之间的距离，默认是内容的距离
默认值；content-box
3.4 圆角边框 border-radius
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
