CSS 是一種用于描述網頁樣式的語言，其中包括調節鏈接下劃線長度的屬性。在 HTML 中，鏈接通常會呈現出下劃線來告訴用戶其可點擊。但是， 有時候我們需要調整下劃線的長度。下面我們來看看如何使用 CSS 調整下劃線的長度。 首先，我們需要為鏈接設置下劃線。這可以使用 CSS 的 text-decoration 屬性來實現。我們可以將其設置為 underline，如下所示：

a {
text-decoration: underline;
}

默認情況下，下劃線會與文本的長度一樣長，并延伸到鏈接周圍。如果我們需要調整下劃線的長度，則可以使用 text-decoration-line-length 屬性。這個屬性可以接受一個值來指定下劃線的長度。例如，如果我們想將下劃線縮短到文本寬度的一半，可以這樣做：

a {
text-decoration: underline;
text-decoration-line-length: 50%;
}

通過設置 text-decoration-line-length 屬性為 50%，我們將下劃線的長度減小了一半。同樣，我們也可以將其設置為固定的像素值或 em 值，如下所示：

a {
text-decoration: underline;
text-decoration-line-length: 3em;
}

在這個例子中，我們將下劃線的長度設置為 3em。注意， text-decoration-line-length 屬性只在下劃線樣式設置為 underline 時才能使用。 除了 text-decoration-line-length 屬性，我們還可以使用其他一些屬性來調整下劃線的樣式。例如， text-decoration-color 屬性可以用來改變下劃線的顏色， text-decoration-style 屬性可以用來改變下劃線的樣式， text-underline-position 屬性可以用來調整下劃線的位置。 無論你需要調整下劃線的長度還是樣式，CSS 都提供了靈活的選項。通過運用這些屬性，我們可以輕松地創建出漂亮的鏈接樣式。