新!我的 44 頁電子書「44 分鐘搞懂 CSS」出爐了! 😃
#margin
下列屬性的簡寫:margin-top
margin-right
margin-bottom
和 margin-left
。
預設值
margin: 0;
移除所有外邊距。
margin: 30px;
當使用 1 個值時,外邊距會設定在 所有 4 個邊。
外邊距:30px 60px;
使用2個值時
- 第一個值代表上/下
- 第二個值代表右/左
要記住順序,想想你未定義的值。
如果你輸入2個值(上/右),你省略設定下和左。因為下是上的垂直對應,它將使用上的值。而因為左是右的水平對應,它將使用右的值。
外邊距:30px 60px 45px;
使用3個值時
- 第一個值代表上
- 第二個值代表右/左
- 第三個值代表下
要記住順序,想想你未定義的值。
如果你輸入3個值(上/右/下),你省略設定左。作為右的對應,它將使用它的值。
外邊距:30px 60px 45px 85px;
使用4個值時
- 第一個值代表上
- 第二個值代表右
- 第三個值代表下
- 第四個值代表左
要記住順序,從上開始,順時針走。