CSS中盒子模型的外邊距是控制盒子與其他盒子之間的距離的屬性。在實際開發(fā)中，經(jīng)常需要設(shè)置盒子的外邊距來達到想要的頁面布局效果。 我們可以使用margin屬性來設(shè)置盒子的外邊距。margin屬性有四個方向的設(shè)置，包括上、下、左、右。其中，我們可以使用縮寫來簡化代碼。例如，可以將margin: 10px 20px 30px 40px;簡化為margin: 10px 20px 30px;或者margin: 10px 20px;，依次表示順序為上、右、下、左。 另外，在設(shè)置盒子外邊距時，有兩個重要的概念分別為外邊距合并和外邊距塌陷。外邊距合并指的是兩個相鄰的盒子的外邊距恰好重疊在一起的情況。外邊距塌陷則是指當相鄰的兩個盒子的上下外邊距相遇時，它們之間的外邊距將被合并為單個外邊距。 為了解決這兩個問題，可以考慮使用padding屬性來代替外邊距。padding屬性是內(nèi)邊距，它不會和其他盒子的內(nèi)邊距合并，同時也不會發(fā)生塌陷的情況。當然，使用padding屬性僅限于垂直方向的設(shè)置，如果使用padding代替水平方向的margin，那么會影響盒子的大小，導(dǎo)致布局出現(xiàn)問題。 總之，在進行網(wǎng)頁布局時，盒子的外邊距設(shè)置是非常重要的。需要掌握margin屬性的使用方法，以及避免出現(xiàn)外邊距合并和塌陷的情況。代碼如下：

p {
margin-top: 20px;
margin-right: 30px;
margin-bottom: 10px;
margin-left: 40px;
}