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；分別設置上 ?右 ?下 ?左的內邊距
內邊距享有背景色
