CSS margin值的設定

CSS margin

margin : 0;
/*一個值：代表上、下、左、右。margin : 0 0 0 0;的簡寫。*/
margin : 5 10;
/*二個值：值1：上下、值2：左右。margin : 5 10 5 10;的簡寫。*/
margin : 5 10 15;
/*三個值：值1：上、值2：左右、值3：下。margin : 5 10 15 10;的簡寫。*/
margin: 1 10 5 15;
/*四個值：值1：上、值2：右、值3：下、值4：左。*/

margin auto

margin裡的auto通常是拿來「置中對齊」使用。也就是我們將左右邊界值設定為「auto」，讓它產生置中對齊的效果。

/*方法一*/
margin-left : auto;
margin-right: auto;
/*方法二*/
margin : auto;
/*方法三*/
margin : 上下 auto;
margin : 0 auto;
/*方法四*/
margin : 上 auto 下;
margin : 0 auto 0;