如圖，margin邊框分別設置爲10 20 20 20
按順序，四個數字的定位從top順時針方向行使命令。
原lsider高爲650，裏面兩個test高均爲300。由於上下分別設置了邊框，那應該是top10，bottom20，爲什麼如圖，bottom也是10？
原lsider寬爲700，裏面兩個test寬均爲300。由於lsider寬比高多50，所以左右設置的邊框均爲20，爲什麼左是20，而右卻是40？
中間的十字結構爲40。這個我並沒有賦值。是lsider高寬的總數減test和邊框後的餘數。那，上面的兩個問題，是否是因爲先給中間賦值，再分給邊框呢？
我剛剛發現，這裏的margin是賦值給test的，那就是說，設置的是每個獨立的test的值爲10 20 20 20.
border其實是外圍的邊框，實際border裏面的內容並不會因爲加了邊框就變小。依然是實際大小。
於是導致黑色的border可以實現，但是讓他透明就原來的棕色就顯示出來了。是因爲透明的是實際內容外面的部分，而不是我想要的效果裏，覆蓋黑色的那一部分。
所以暫時只能用白色border實現覆蓋棕色部分。
border、margin、padding的區別。
margin：定義cont與邊界的距離。定義大小。
border：定義cont與margin的距離（沒有margin就是與邊界的距離）定義大小、形狀、顏色。且每一邊都可以分別定義。
padding：定義cont與border的距離。定義大小、形狀、顏色
cont+三者任一，都不會導致cont發生變化，因爲cont有獨立的width和height。三者會導致整個畫面變大。