CSS是網頁設計中不可或缺的部分，它能幫助我們讓網頁更加美觀，還可以實現一些特效和功能。下劃線是一種常用的裝飾樣式，本文將介紹如何設置下劃線的長度。

//HTML代碼
<p>這是一個有下劃線的文本</p>
//CSS樣式
p {
text-decoration: underline;
text-decoration-color: red;
text-underline-offset: 5px;   //設置下劃線的長度為5px
}

在上面的代碼中，我們首先在HTML代碼中添加了一個含有下劃線的文本塊。接著，在CSS樣式中，我們使用了text-decoration屬性來設置下劃線，并使用了text-decoration-color屬性來設置下劃線的顏色為紅色。

接下來就是本文的重點了：如何設置下劃線的長度。我們會使用text-underline-offset屬性來實現這一功能。該屬性可以控制下劃線與基線之間的距離，因此，能夠控制下劃線的長度。在上述代碼中，我們設置了下劃線的長度為5px，你也可以根據實際需要調整該數值。

總的來說，設置下劃線的長度并不困難，只需要使用CSS中的text-underline-offset屬性即可。希望本文的介紹能夠對你有所幫助。