CSS中可以使用text-decoration屬性來添加下劃線，并通過設(shè)置下劃線樣式、顏色和長度等屬性來定制下劃線的效果，要加長下劃線，可以通過增加text-decoration-length的值來實(shí)現(xiàn)。

下面是一個(gè)示例代碼，演示了如何添加一條長度為50px的下劃線：

span {
  text-decoration: underline;
  text-decoration-style: solid;
  text-decoration-color: #000;
  text-decoration-length: 50px;
}

在這個(gè)示例中，我們定義了一個(gè)span元素，并設(shè)置了text-decoration屬性為underline來添加下劃線，我們通過設(shè)置text-decoration-length屬性為50px來指定下劃線的長度，其他屬性如text-decoration-style和text-decoration-color分別設(shè)置了下劃線的樣式和顏色。

需要注意的是，text-decoration-length屬性僅適用于部分瀏覽器，如Chrome和Firefox等，在IE和Edge等瀏覽器中，該屬性可能無法正常工作，在使用該屬性時(shí)，建議先測試其在目標(biāo)瀏覽器中的兼容性。