在CSS中，可以使用text-decoration屬性來(lái)控制下劃線的長(zhǎng)度，具體步驟如下：

1、需要明確要控制下劃線的長(zhǎng)度的元素，例如一個(gè)段落或標(biāo)題。

2、使用CSS的text-decoration屬性，設(shè)置下劃線樣式為solid（實(shí)線），并指定下劃線的顏色、粗細(xì)和長(zhǎng)度。

3、可以通過(guò)調(diào)整length屬性來(lái)控制下劃線的長(zhǎng)度，length屬性的值可以是像素（px）或其他長(zhǎng)度單位，如em、rem等。

4、如果需要讓下劃線適應(yīng)不同長(zhǎng)度的文本，可以使用百分比（%）來(lái)設(shè)置length屬性，這樣下劃線的長(zhǎng)度就會(huì)隨著文本長(zhǎng)度的變化而變化。

以下CSS代碼可以將一個(gè)段落的標(biāo)題設(shè)置為帶有下劃線的樣式，并控制下劃線的長(zhǎng)度為50像素：

h1 {
  text-decoration: solid;
  text-decoration-color: #000;
  text-decoration-style: solid;
  text-decoration-thickness: 2px;
  text-decoration-length: 50px;
}

或者，如果希望下劃線長(zhǎng)度適應(yīng)標(biāo)題長(zhǎng)度，可以使用百分比來(lái)設(shè)置：

h1 {
  text-decoration: solid;
  text-decoration-color: #000;
  text-decoration-style: solid;
  text-decoration-thickness: 2px;
  text-decoration-length: 100%;
}

的下劃線長(zhǎng)度就會(huì)隨著標(biāo)題長(zhǎng)度的變化而變化，保持與標(biāo)題相同的長(zhǎng)度。