在網(wǎng)頁樣式設(shè)計中，我們經(jīng)常需要使用下劃線來突出顯示某些文字或者鏈接，但是有時候下劃線的長度過長，影響了頁面的美觀度。

那么，如何使用CSS使下劃線變短呢？我們可以使用text-decoration屬性中的underline來創(chuàng)建下劃線，并通過text-decoration-thickness屬性來調(diào)整下劃線的粗細度。

a {
text-decoration: underline;
text-decoration-thickness: 2px;
}

在上述代碼中，我們給鏈接元素a加上下劃線，并將下劃線的粗細度調(diào)整為2像素。你可以根據(jù)具體的需求來設(shè)置下劃線的粗細度。

此外，需要注意的是，在不同的瀏覽器中，text-decoration-thickness的實現(xiàn)可能會有所不同，因此在使用該屬性時，需要進行瀏覽器兼容性測試。

綜上所述，通過text-decoration和text-decoration-thickness屬性的使用，我們可以輕松地調(diào)整下劃線的長度，使頁面更加美觀。