垂直距離是指頁面中不同元素之間上下的間距。在CSS中，我們可以通過一些屬性值來控制元素之間的垂直距離，這里我們主要說一下margin和padding。

首先是margin。margin是指元素外邊框和相鄰元素的距離，它可以用top、right、bottom、left四個方向來控制垂直距離。例如：

p {
margin-top: 20px; /* 上方間距為20像素 */
margin-bottom: 10px; /* 下方間距為10像素 */
}

我們可以看到，這個例子中給p標簽設置了20像素的上方間距和10像素的下方間距。

接下來是padding，padding是指元素內邊框和元素內容之間的距離，同樣也可以用top、right、bottom、left四個方向來控制垂直距離。例如：

p {
padding-top: 10px; /* 上方內邊距為10像素 */
padding-bottom: 20px; /* 下方內邊距為20像素 */
}

這個例子中給p標簽設置了10像素的上方內邊距和20像素的下方內邊距。

需要注意的是，margin和padding的計算方式不同，具體可以參考box model模型。

最后，如果我們想使元素與相鄰元素之間不留空隙，可以使用負的margin或者padding來實現。例如：

p {
margin-top: -10px; /* 上方間距為負數，與上方元素貼合 */
padding-bottom: -10px; /* 下方內邊距為負數，與下方元素貼合 */
}