在CSS中，可以使用text-decoration屬性來控制下劃線的長度，具體步驟如下：

1、需要明確要控制下劃線的長度的元素，假設有一個段落元素（<p>），需要在這個元素上控制下劃線的長度。

2、對這個元素應用CSS樣式，可以使用內聯(lián)樣式、樣式表或者JavaScript來應用樣式。

3、在樣式中，使用text-decoration屬性來控制下劃線的長度，text-decoration屬性接受多種值，包括none、underline、overline、line-through等，其中underline值表示添加下劃線。

4、可以通過設置text-decoration屬性的長度來控制下劃線的長度，設置text-decoration的長度為50%表示下劃線長度為元素的50%。

需要注意的是，text-decoration屬性的長度設置會影響元素的布局和樣式，因此需要根據(jù)具體的需求來設置合適的長度值，還需要注意瀏覽器對CSS樣式的支持程度，以確保樣式的兼容性和穩(wěn)定性。

通過text-decoration屬性，可以在CSS中輕松控制下劃線的長度，以滿足不同的設計和布局需求。