前言

盒子模型，英文即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