flex-direction
border
- 邊框
- 粗細：thin（細線）、medium（中粗線）和thick（粗線）
- 類型：九個確定值：none（無邊框線）、 dotted（由點組成的虛線）、 dashed（由短線組成的虛線）、 solid（實線）、 double（雙線，雙線寬度加上它們之間的空白部分的寬度就等於border-width定義的寬度）、 groove（3D溝槽狀的邊框）、 ridge（3D脊狀的邊框）、 inset（3D內嵌邊框，顏色較深）、 outset（3D外嵌邊框，顏色較淺）
- 自定義寬度，如：1pt、5px、2cm等
- 顏色：十六進制的顏色代碼、英文顏色
語法：
margin : auto | length
參數：
margin:10px 11px 9px 8px; ，按順序分別代表對象與父容器的上、右、下、左的距離值為10px,11px,9px,8px。
auto : 值被設置為相對邊的值
length : 由浮點數字和單位標識符組成的長度值 | 百分數。百分數是基於父對象的高度。對於內聯對象來說，左右外延邊距可以是負數值。
先看margin，margin有4個值：margin:10px 11px 9px 8px; ，按順序分別代表對象與父容器的上、右、下、左的距離值為10px,11px,9px,8px。
如果只寫兩個值：margin:10px 5px; ，表示對象與父容器的上下距離值都是10px，與左右的距離值都是5px。
那么這時候我們來看margin:0 auto; ，這個就表示上下的距離值是0，而左右就是自動適應，也就是我們常說的自動居中。
而你所說的margin:auto; ， 就表示上下左右都自動適應。