新!我的 44 頁電子書「44 分鐘搞懂 CSS」出爐了! 😃

立即取得 →

#margin

下列屬性的簡寫:margin-top margin-right margin-bottommargin-left

預設值 margin: 0;

移除所有外邊距。

margin: 30px;

當使用 1 個值時,外邊距會設定在 所有 4 個邊

外邊距:30px 60px;

使用2個值時

  • 第一個值代表上/下
  • 第二個值代表右/左

要記住順序,想想你未定義的值。

如果你輸入2個值(上/右),你省略設定下和左。因為下是上的垂直對應,它將使用上的值。而因為左是右的水平對應,它將使用右的值。

外邊距:30px 60px 45px;

使用3個值時

  • 第一個值代表
  • 第二個值代表右/左
  • 第三個值代表

要記住順序,想想你未定義的值。

如果你輸入3個值(上/右/下),你省略設定左。作為右的對應,它將使用它的值。

外邊距:30px 60px 45px 85px;

使用4個值時

  • 第一個值代表
  • 第二個值代表
  • 第三個值代表
  • 第四個值代表

要記住順序,從開始,順時針走。