一。什麽是盒模型
　　padding(內邊距，一個盒子裏的邊距離內容的距離，上下左右)
　　margin(外邊距，兩個盒子之間的距離)
　　border（盒子的邊框）
　　內填充，外邊距，邊框都有四個方向：如padding-top,padding-right，padding-bottom和padding-left，
　　　　　　　　　　　　　　　　　　　盒子模型裏面的元素實際的高度加上padding-top,padding-bottom，
　　　　　　　　　　　　　　　　　　　實際寬度是元素寬度加上padding-right和padding-left。

二。盒模型-邊框

　　盒子模型的邊框就是圍繞著內容及補白的線，這條線你可以設置它的粗細、樣式和顏色(邊框三個屬性)。
　　div{
    　　border:2px  solid  red;
　　}
　　上面是 border 代碼的縮寫形式，可以分開寫：
　　div{
    　　border-width:2px;
   　　 border-style:solid;
    　　border-color:red;
　　}
　　註意：
　　1、border-style（邊框樣式）常見樣式有：
　　dashed（虛線）| dotted（點線）| solid（實線）。

　　2、border-color（邊框顏色）中的顏色可設置為十六進制顏色，如:
　　border-color:#888;//前面的井號不要忘掉。

　　3、border-width（邊框寬度）中的寬度也可以設置為：
　　thin | medium | thick（但不是很常用），最常還是用象素（px）。
　　
 

　　4.如果有想為 p 標簽單獨設置下邊框，而其它三邊都不設置邊框樣式，css 樣式中允許只為一個方向的邊框設置樣式：
　　div{border-bottom:1px solid red;}
　　同樣可以使用下面代碼實現其它三邊(上、右、左)邊框的設置：
　　border-top:1px solid red;
　　border-right:1px solid red; 
　　border-left:1px solid red;

盒模型（一）