css盒模型

CSS盒模型本质上是一个盒子，封装周围的HTML元素，CSS盒模型本质上是一个盒子，封装周围的HTML元素。 

        Margin(外边距) ： 清除边框外的区域，外边距是透明的。

margin: 50px 0 0 50px;上，右，下，左
margin: 10px 20px 30px;上，左右，下
margin: 10px 20px; 上下，左右
margin: 10px; 四方向

也可以单独设置一个边

　　margin-top：上边距
　　margin-buttom：下边距
　　margin-left：左边距
　　margin-right：右边距

 　　Border(边框) ：围绕在内边距和内容外的边框。

　　border-top：上边界

　　border-bottom：下边界

　　border-left：左边界

　　border-right：右边界

　　border-width：边界宽度

　　border-style：边界样式　　

　　border-color：边界颜色

  solid 实线   double 双实线  dotted 点虚线   dashed 线段虚线

　　Padding(内边距) ：清除内容周围的区域，内边距是透明的。

　　单独设置一条边：

　　padding-top：上部填充

　　padding-bottom：下部填充

　　padding-left：左部填充

　　padding-right：右部填充

　　也可以同时设置四个边，和margin类似参考上文。

　　Content(内容) ： 盒子的内容，显示文本和图像。