Margin css意思

在CSS(層疊樣式表)中,margin 是一個屬性,用於設定元素周圍的空白區域,這個空白區域不會包含在元素的內容、框線和 padding 之內。簡單來說,margin 屬性可以控制元素與相鄰元素之間的距離。

margin 屬性可以設定四個方向的外邊距:上外邊距(top)、下外邊距(bottom)、左外邊距(left)和右外邊距(right)。這些外邊距可以通過單個屬性設定,也可以通過四個單獨的屬性分別設定。

以下是 margin 屬性的基本語法:

/* 單個屬性設定所有方向的外邊距 */
margin: 10px;

/* 單個屬性設定不同方向的外邊距,按順時針順序排列 */
margin: 10px 20px 30px 40px;

/* 四個單獨的屬性設定每個方向的外邊距 */
margin-top: 10px;
margin-right: 20px;
margin-bottom: 30px;
margin-left: 40px;

單位可以是像素(px)、百分比(%)或者其他支持的單位。如果只設定一個值,那麼這個值會套用於所有方向的外邊距。如果設定兩個值,第一個值套用於上外邊距和下外邊距,第二個值套用於左外邊距和右外邊距。如果設定三個值,第一個值套用於上外邊距,第二個值套用於左右外邊距,第三個值套用於下外邊距。如果設定四個值,則分別套用於上、右、下、左外邊距。

margin 屬性可以用來創建頁面布局,控制元素之間的間距,以及實現一些特殊的效果,如清除浮動等。