在網頁開發中，經常需要使用下劃線來突出某些文字或鏈接。但是默認情況下，下劃線的間距可能不太符合我們的需求。那么如何使用CSS調整下劃線的間距呢？

a {
text-decoration: underline;
text-underline-offset: 0.1em; /* 間距為0.1em */
}

上面的代碼中，我們使用了text-decoration屬性來添加下劃線，并使用text-underline-offset來調整下劃線的間距。這里的單位可以是em、px、pt等。需要注意的是，該屬性目前只是CSS偽元素的實驗性特性，可能不被所有瀏覽器支持。

除了text-underline-offset，我們還可以使用其他一些方法來調整下劃線的間距。比如：

/* 使用border-bottom代替下劃線，并設置間距 */
a {
border-bottom: 1px solid black;
padding-bottom: 3px; /* 間距為3px */
}
/* 使用偽元素添加下劃線，并設置間距 */
a::after {
content: "";
display: block;
width: 100%;
height: 1px;
background-color: black;
margin-top: 3px; /* 間距為3px */
}

總之，我們有很多方法可以調整下劃線的間距。在實際開發中，可以根據具體情況選擇最適合自己的方式。