本文详细介绍了CSS中的盒子模型，包括边框(border)、边框颜色(border-color)、边框粗细(border-width)、边框样式(border-style)、外边距(margin)、内边距(padding)及内容(content)等组成部分。特别讲解了如何通过设置margin实现盒子的水平居中，适用于上中下布局和左中右布局。
border：边框
border-color:边框颜色
border-width:边框粗细
border-style:边框样式注意：可以和方位符(top,right,bottom,left)结合使用
如果同时设置4种方位的不同样式，设置顺序是（上右下左[顺时针]）
margin:外边距
注意：可以和方位符(top,right,bottom,left)结合使用
如果同时设置4种方位的不同样式，设置顺序是（上右下左[顺时针]）
经验：如何实现盒子的水平居中 margin:0px auto;>>上中下布局，左中右布局
padding：内边距
注意：可以和方位符(top,right,bottom,left)结合使用
如果同时设置4种方位的不同样式，设置顺序是（上右下左[顺时针]）
经验：如何实现盒子的水平居中 margin:0px auto;>>上中下布局，左中右布局
（div） 盒子模型
作用：美化页面元素
组成部分：
margin
border
padding
content
显示优先级
border>content>padding>background-image>background-color>margin
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
