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%;