在 CSS 中， margin屬性用於在元素周圍建立空間。 margin屬性可以採用各種格式的值，讓您可以為元素的每一側（頂部、右側、底部、左側）指定不同的空間量。

這是margin屬性的基本語法：

 CSS
 selector {
  margin: top right bottom left;
}

您可以使用不同的單位指定邊距，例如像素 ( px )、ems ( em )、rems ( rem )、百分比 (%) 等。以下是一些範例：

1. 為所有邊設定相同的邊距：

    CSS
    .example {
     margin: 10px;
   }
   

2. 為每一側設定不同的邊距：

    CSS
    .example {
     margin-top: 5px;
     margin-right: 10px;
     margin-bottom: 15px;
     margin-left: 20px;
   }
   

3. 使用不同值的簡寫：

    CSS
    .example {
     margin: 5px 10px 15px 20px;
   }
   

   這個速記順序是上、右、下、左。

4. 以百分比設定保證金：

    CSS
    .example {
     margin: 2% 5%;
   }
   

   在此範例中，上邊距為元素高度的 2%，右邊距為元素寬度的 5%。

5. 自動邊距：自動邊距可用於將區塊級元素在其容器內水平置中。

    CSS
    .center {
     margin-left: auto;
     margin-right: auto;
   }
   

請記住，這些只是基本範例，您可以根據您的特定佈局需求自訂邊距。嘗試不同的值和單位以獲得元素所需的間距。