在CSS中,外邊距(margin)是調整元素在布局中位置的重要屬性之一。當我們需要在網頁布局中設置把元素離邊界或其它元素的距離時,我們就可以使用外邊距這個屬性。
下面是設置外邊距的一些常用方法:
/* 設置元素四個方向的外邊距(上、右、下、左) */ .element { margin: 10px 20px 30px 40px; } /* 設置元素上下外邊距相等,左右外邊距相等 */ .element { margin: 20px auto; } /* 設置元素上下外邊距為0,左右外邊距為自動(居中) */ .element { margin: 0 auto; } /* 只設置元素上邊距 */ .element { margin-top: 10px; } /* 只設置元素左右外邊距 */ .element { margin-left: 20px; } /* 只設置元素下邊距 */ .element { margin-bottom: 30px; }
注意:如果你想為一個鏈接添加外邊距,記得要為鏈接的標簽添加外邊距。
總之,外邊距是很方便的一種屬性,可以為我們在網頁布局中調整元素位置和設置間距提供很大的便利。
上一篇html 設置整個字體
下一篇html 設置文字不換行