CSS是一種美化網頁的技術，它可以讓網頁看起來更加漂亮、規范。段距是CSS中的一個比較重要的元素，它可以讓網頁的內容更加清晰明了，下面我們來講一下CSS段距如何設置。
首先，在CSS中設置段距要使用margin屬性，它可以設置段落與前面和后面元素的距離大小。如果我們想把段落的前后距離都設置為20像素，可以使用如下代碼：
pre {
margin-top: 20px;
margin-bottom: 20px;
}
這段代碼意思是把pre標簽的上下間距都設置為20像素。需要注意的是，如果我們想要設置多個段落的上下間距，需要給每一個段落單獨設置margin，比如：

這是第一段話。

這是第二段話。

這是第三段話。

這樣就可以把三個段落的上下間距都設置為20像素了。需要注意的是，代碼中的style屬性可以直接設置段落的樣式，但是不太方便管理，我們一般會把CSS樣式放到外部樣式表中，比如：
p {
margin-top: 20px;
margin-bottom: 20px;
}
這樣，所有的段落的上下間距都會自動設置為20像素。
以上就是CSS段距的設置方法，希望對大家有所幫助。需要注意的是，在設置段距的時候，我們一般只需要設置上下間距，左右間距可以使用padding屬性來設置。