margin和border簡寫的順序

 margin-top: 20px;
 margin-left: 20px;
 margin-right: 20px;
 margin-bottom: 20px;

  margin: 20px;/*上下左右均為20px*/

  margin: 10px 20px 30px 40px;/*順時針順序：上右下左*/

  maigin:10px 20px   /*上下為10px  左右為20px*/
  maigin:50px 80px 30px  /*上為50px  左右為80px  下為30px*/

text-align: justify;/*兩端對齊*/
margin: 0px auto;/*上下邊距為0px 左右居中顯示*/

border、padding的屬性值與margin類似，都是順時針方向

border: 5px solid rebeccapurple;/*順序可以改變*/

padding-top: 10px;
padding-right: 20px;
padding-bottom: 30px;
padding-left: 40px;

盒子的弧度：

/*順時針方向：左上角開始*/
border-radius: 0 20px 0 20px;
border-radius: 50%;