CSS下劃線樣式是網頁設計中常見的一種效果，然而在應用時我們往往需要調整下劃線的間距，以達到最佳的視覺效果。

在CSS中，我們可以使用text-decoration來實現下劃線樣式，其中的屬性underline可以設置下劃線的樣式，而屬性text-decoration-skip可以設置下劃線的特定區域，如鏈接、圖片等。

.text{
text-decoration: underline; /*設置下劃線樣式*/
text-decoration-skip: ink, images; /*設置下劃線跳過區域, ink表示避免在文字下劃線下畫線, images表示避免在圖片下劃線下瀏覽器添加連線*/
}

如果想要調整下劃線與文字之間的距離，我們可以使用屬性text-underline-offset，它控制下劃線與文字的豎直偏移量，數值為正數時下劃線向下移動，為負數時下劃線向上移動。同時由于調整過多可能會影響閱讀體驗，建議根據具體情況進行微調。

.text{
text-decoration: underline; /*設置下劃線樣式*/
text-underline-position: under; /*讓下劃線位于文字下方*/
text-underline-offset: 3px; /*設置下劃線與文字的豎直偏移量*/
}

總體來說，下劃線樣式下的間距調整并不復雜，關鍵在于實現過程中需要考慮到其他屬性的相互排斥以及閱讀體驗。