前言
盒子模型，英文即box model。無論是div、span、還是a都是盒子。
但是，圖片、表單元素一律看作是文本，它們並不是盒子。這個很好理解，比如說，一張圖片裏並不能放東西，它自己就是自己的內容。
css的border屬性可以用來定義樣式
border-style屬性用來定義邊框的樣式
爲邊框指定寬度(border-width)有兩種方法：可以指定長度值，比如 2px 或 0.1em(單位爲 px, pt, cm, em 等)，或者使用 3 個關鍵字之一，它們分別是 thick 、medium（默認值） 和 thin。
通過border-color屬性設置邊框的顏色.border-color:red;
注意:border-style該屬性必須設置.若不設置,witdh與color屬性無效.
border-style:dotted solid double dashed;
margin和border的順序位上右下左 爲順時針順序.
border-style:dotted solid double;
上邊框是 dotted; 左、右邊框是 solid ;底邊框是 double
border-style:dotted solid;
上、底邊框是 dotted;右、左邊框是 solid
border-style:dotted;四面邊框是 dotted
margin清除周圍的(外邊框)元素區域,margin沒有背景顏色,是完全透明的.
CSS padding（填充）
是一個簡寫屬性:定義元素邊框與元素內容之間的空間，即上下左右的內邊距。
元素的 padding（填充）內邊距被清除時，所釋放的區域將會受到元素背景顏色的填充。
單獨使用 padding 屬性可以改變上下左右的填充。
background-color可以填充padding
https://www.cnblogs.com/smyhvae/p/7256371.html