在CSS中，有一種叫做外距文本（margin text）的效果，它可以讓文字之間產生一定的間隔，使得排版更加美觀。下面我們先介紹一下如何使用CSS給文字添加外距。

p {
margin-top: 10px;
margin-bottom: 10px;
}

上述代碼中，我們給p標簽設置了上下外距為10px。當我們在實際頁面中使用p標簽時，它們之間就會產生10px的間隔。如果我們想讓左右也有外距，可以繼續添加margin-left和margin-right屬性。

p {
margin: 10px;
}

上述代碼中，我們將四個方向的外距都設置為10px。這種寫法也是比較常見的，因為它能夠快速地為元素添加外距。

除了給普通文本添加外距之外，我們還可以給標題、列表等元素添加外距。例如下面這個例子中，我們為h1標題和ul列表都添加了外距。

h1 {
margin-bottom: 20px;
}
ul {
margin-top: 10px;
margin-bottom: 10px;
}

需要注意的是，外距只會影響元素與相鄰元素之間的距離，不會影響元素自身的大小。因此，如果在給元素添加外距時出現了問題，可以先檢查一下元素的大小是否合適。