CSS是網頁設計中常用的一種語言。它可以控制網頁中的文本、圖像、音頻等元素，達到美化頁面、布局排版、交互效果等目的。其中，在網頁中，文本是我們最常使用的元素之一。那么，如何利用CSS來控制文本的上下距離呢？

/* 使用padding屬性控制文本上下間距 */
p {
padding: 10px 0;
}
/* 使用line-height屬性控制文本行間距 */
p {
line-height: 1.5;
}
/* 使用margin屬性控制文本與文本之間的距離 */
p {
margin-bottom: 20px;
}

在CSS中，我們可以使用padding屬性來控制文本的上下間距。padding是指文本內容與文本邊框之間的距離。我們可以給p標簽設置一個padding值，使得文本上下間距變大。在上述代碼中，我們給p標簽設置了10像素的上下padding值。

除了利用padding屬性來控制文本上下距離，我們還可以使用line-height屬性來控制文本行間距。line-height是指文本中每行的高度，可以是固定值，也可以是百分比，還可以是除以字體大小的倍數。通過調整line-height屬性，我們可以讓文本行與行之間的距離變化，從而達到調整文本上下距離的目的。

最后，我們還可以利用margin屬性來控制文本與文本之間的距離。margin是指文本邊框與相鄰元素之間的間隔距離。在上述代碼中，我們給p標簽設置了一個20像素的margin-bottom值，使得文本與下一個p標簽之間的距離變大。

綜上所述，通過padding、line-height、margin等CSS屬性，我們可以實現文本上下距離的控制。合理運用這些屬性，不僅可以美化網頁，還可以提升用戶閱讀體驗。