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

  <style type="text/css">

    div{
        width: 300px;
        height: 300px;
        border-width: 10px;
        border-style: dotted;
        border-color: red;
    }
    </style>

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;