在CSS中，可以使用text-decoration屬性來添加下劃線，并且可以通過設(shè)置下劃線的樣式和顏色來使其比文字更長，以下是一些示例代碼，可以幫助您實(shí)現(xiàn)這個(gè)效果：

/示例1使用text-decoration添加下劃線 */
.underline-text {
  text-decoration: underline;
  text-decoration-style: double; /* 雙線下劃線 */
  text-decoration-color: #000; /* 黑色下劃線 */
}
/示例2使用border添加下劃線 */
.border-underline {
  border-bottom: 2px solid #000; /* 2像素黑色下劃線 */
}
/示例3使用box-shadow添加下劃線 */
.box-shadow-underline {
  box-shadow: 0 1px 0 #000; /* 1像素黑色下劃線 */
}

這些示例代碼可以實(shí)現(xiàn)不同的下劃線效果，您可以根據(jù)自己的需求選擇適合的方法，如果您想要下劃線比文字更長，可以嘗試增加下劃線的長度或者減少文字的長度，以達(dá)到更好的視覺效果。