盒子模型

• 1）作用
  1，进行网页布局
  2，网页中的盒子的组成
  -> border边框 盒子的边框
  ->padding内边距 盒子与内容之间的距离
  ->margin外边距 盒子与盒子之间的距离
• border
  ->border-width:边框宽度
  ->border-style:边框样式
  solid：边框为实线
  dotted：边框为点线
  dashed：边框为虚线
  ->border-color:边框的颜色

border属性连写：border: 2px solid red;
1，没有先后顺序
2，不写solid就没有效果

• border属性的设置

      1,

        border-top-width: 1px;
        border-top-style: solid;
        border-top-color: pink;
        2,
        border-top: 1px solid green;