下劃線和文字之間的距離在CSS中可以通過一些屬性進行調整。這篇文章給大家分享幾個常用的方法。 首先，CSS中有一個text-decoration屬性可以控制下劃線的樣式。通過設置它的值為underline或者overline，我們可以讓下劃線出現在文字的下方或上方。

p {
text-decoration: underline;
}

上面這段代碼可以讓所有段落的文本下方出現下劃線。 然而，這樣做會讓下劃線貼近文字。如果我們想要調整下劃線和文字之間的距離，可以使用text-underline-position屬性。這個屬性的值可以是auto、below、above，分別代表自動、下方、上方。

p {
text-decoration: underline;
text-underline-position: above;
}

上面這個例子會讓下劃線出現在文字上方，和文字有一定的間距。如果我們希望間距更大，可以使用line-height屬性。

p {
text-decoration: underline;
text-underline-position: above;
line-height: 2;
}

上面這段代碼會讓下劃線和文字之間的距離變為文字高度的兩倍。 總之，如果你希望調整下劃線和文字之間的距離，可以使用text-underline-position和line-height屬性。希望這篇文章能對大家有所幫助。