关于border、padding以及margin

1.Border

将border理解为衣服（外套类型），可以设定衣服的颜色和尺寸大小

border{20px（20码）red（红色）solid（虚实线）}

2.Padding

padding内搭衣服，可以上下左右全方位的设定大小，那么外套必然包裹内搭

padding-top:100px; 上

padding-bottom-100px; 下

padding-left:100px; 左

padding-right:100px; 右

简写 padding：100px； （上下左右）

3.Margin

margin相当于房间，同样可以设定全方位的大小，你穿着两件衣服（padding 和border）在房间里（margin）

margin-top：100px；

margin-bottom：100px；

margin-left：100px；

margin-right：100px；

auto表随机

margin：0 auto 横向居中

margin：auto 0 纵向居中