盒子模型（边框、内边距）

盒子模型（box mode）

内容区（content）

元素中所有的子元素和文本内容都在内容区中排列；

  .box1{
      width: 200px;
      height: 200px;
      background-color: pink;
    }

边距（border）

外边距（margin）

内边距（padding）

.box{
border:10px solid orange
}

border-xxx(top/right/bottom/left)可以对某一方向单独设置颜色、大小、格式

设置边框必须指定三个样式 分别是颜色，大小，样式。

 border-color: ;  设置边框的颜色

            （1）有默认值，默认颜色是黑色

            （2）可以写多个颜色  以空格隔开

                   4个   上  右  下   左

                   3个   上   左右   下

                   2个   上下  左右

                   1个   上下左右

也可以设置border-xxx-color特指某一方向上的，此时默认颜色为黑色；

border-xxx-width同理，默认值大概1-3px；

border-style：设置边框样式，默认值为none

（solid实线/dashed虚线/dotted点状虚线/double双线）