1、css盒模型
把html页面中的元素看作是一个矩形的盒子，也就是一个盛装内容的容器，每个矩形由内容（有width和height）、内边距（padding）、边框（border）和外边距（margin）组成。
一个盒子占用的空间：边宽+内边距+内容区域
2、魔盒的边框
border-top-width：20px；
border-top-color:red;
border-top-style:solid；
合写：
border-top：宽度 样式 颜色；
border-left：5px solid blue；
一行css设置上下左右的边宽样式
border：10px solid blue；
;3、css边框的妙用
border：0 none 去掉默认的边框，兼容所以浏览器
4、内边距padding的使用
padding：20px；设置四周的内边距
padding-top：20px；上内边距
padding：20px 5x 10px 20px；分别设置上 右 下 左的内边距
内边距享有背景色
