CSS樣式是Web開發中不可避免的一個部分，其中
外邊距
是經常用到的一種樣式。div {
margin: 10px;
}上述代碼就是在給所有的
添加了10像素的外邊距樣式。
外邊距可以讓元素產生一些間隔，使頁面更美觀。可以使用正數設置外邊距，也可以使用負數設置外邊距。如果你希望讓兩個元素之間有更大的間隔，那么你可以給其中一個元素添加負的外邊距。
外邊距還可以設置不同方向的值：
div {
margin-top: 10px;
margin-right: 20px;
margin-bottom: 30px;
margin-left: 40px;
}上述代碼中，
的上外邊距為10像素，右外邊距為20像素，下外邊距為30像素，左外邊距為40像素。
你也可以使用簡寫方式，將四個方向的值寫在一行中：
div {
margin: 10px 20px 30px 40px;
}上述代碼定義了相同的樣式，但是用了更簡潔的方式。
使用外邊距時還需要注意一些細節。例如，在設置元素的外邊距時，可能會出現相鄰元素的外邊距合并的情況。當上下相鄰的兩個元素都設置了外邊距時，它們的外邊距就會合并起來。解決這個問題的方法視情況而定，可以通過增加一個中間元素、給其中一個元素添加padding或border等方法來實現。
總之，
外邊距是CSS樣式中的重要部分，可以讓網頁更美觀、優雅。
上一篇css按鈕 按下邊框