CSS margin
1 | margin : 0 ; |
2 | /*一個值:代表上、下、左、右。margin : 0 0 0 0;的簡寫。*/ |
3 | margin : 5 10 ; |
4 | /*二個值:值1:上下、值2:左右。margin : 5 10 5 10;的簡寫。*/ |
5 | margin : 5 10 15 ; |
6 | /*三個值:值1:上、值2:左右、值3:下。margin : 5 10 15 10;的簡寫。*/ |
7 | margin : 1 10 5 15 ; |
8 | /*四個值:值1:上、值2:右、值3:下、值4:左。*/ |
margin auto
margin裡的auto通常是拿來「置中對齊」使用。也就是我們將左右邊界值設定為「auto」,讓它產生置中對齊的效果。
01 | /*方法一*/ |
02 | margin- left : auto ; |
03 | margin-right : auto ; |
04 | /*方法二*/ |
05 | margin : auto ; |
06 | /*方法三*/ |
07 | margin : 上下 auto ; |
08 | margin : 0 auto ; |
09 | /*方法四*/ |
10 | margin : 上 auto 下; |
11 | margin : 0 auto 0 ; |
8
回覆刪除/*四個值:值1:上、值2:左、值3:下、值4:左。*/
上左下左???
感謝,已修正。
回覆刪除margin: 1 10 5 15;
回覆刪除/*四個值:值1:上、值2:左、值3:下、值4:右。*/
還是有問題喔, 應該是 上右下左 (順時針方向看的)...
連錯兩次,應該打屁股了。@_@
刪除CSS MARGIN 第8行
回覆刪除/*四個值:值1:上、值2:右、值3:下、值4:左。*/
應為
/*四個值:值1:上、值2:左、值3:下、值4:右。*/
年久失修?
這一定有誤會...
刪除