CSS中,外邊距(Margin)是指控制元素與其它元素之間的距離。通過設置元素的margin屬性,可以實現一系列布局效果。
margin: 【上外邊距】 【右外邊距】 【下外邊距】 【左外邊距】;
整個margin屬性由四個值組成,分別表示上、右、下、左四邊的外邊距。這四個值可以任意組合,如下例:
margin: 20px; // 四邊外邊距均為20px margin: 10px 20px; // 上下外邊距為10px,左右為20px margin: 10px 20px 30px; // 分別表示上、左右、下外邊距,即上邊距為10px、左右為20px、下邊距為30px margin: 10px 20px 30px 40px; // 分別表示上、右、下、左四邊外邊距
我們還可以使用負值來設置外邊距,從而讓元素脫離文檔流,以實現一些布局效果。但需要注意的是,負值外邊距會讓元素與其它元素重疊,要慎用。
上一篇css上市公司
下一篇css上下鍵切換數字