CSS中的外邊距（margin）是控制元素與周圍元素之間距離的重要屬性，可以通過margin屬性來設置元素的外邊距大小。同時，CSS還支持在外邊距中添加顏色（color）的特性，使得頁面布局變得更加靈活多樣。

.box {
margin: 20px;
background-color: #fff;
border: 1px solid #000;
}
.box-outer {
margin: 20px;
padding: 20px;
background-color: #f5f5f5;
}
.box-inner {
margin: 20px;
padding: 20px;
background-color: #fff;
border: 1px solid #000;
color: #ff0000;
}

如上述代碼所示，通過設置元素的margin屬性，我們可以控制元素之間的距離，以達到頁面布局的目的。同時，在特殊的情況下，我們也可以為元素的外邊距添加背景色，從而達到更加豐富的效果。

值得注意的是，在使用margin屬性時，我們需要注意不同元素之間的相互影響。例如，當我們在一個元素中設置了margin時，該元素的外邊距會對周圍的元素產生影響，導致布局混亂。因此，在使用margin屬性時，我們需要細心、謹慎。

綜上所述，CSS中的外邊距加顏色特性為我們的頁面設計提供了更多的選擇，同時也需要我們在使用時多加注意。