CSS下劃線是一種用來突出文本的常用技術，但默認的下劃線長度可能會不太符合某些特定的設計需求，這時我們可以根據具體需求自定義下劃線的長度。

.text-underline {
padding-bottom: 5px; /* 下劃線下方留出一定空間 */
border-bottom: 2px solid #000; /* 下劃線寬度為2px，顏色為黑色 */
width: 50%; /* 下劃線占據文本框寬度的50% */
}

上面的代碼就是一個簡單的自定義下劃線的例子。我們可以使用padding-bottom屬性來控制下劃線下方留出一定空間，使用border-bottom屬性來設置下劃線的寬度和顏色，以及使用width屬性來控制下劃線占據文本框寬度的比例。

需要注意的是，下劃線的長度一定要與文本框的長度相配合，否則會出現不協調的情況。因此，在自定義下劃線的時候，一定要根據具體的設計需求進行調整。