margin和border簡寫的順序

枕夢發表於2017-04-18
 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%;


相關文章