CSS中如何調整下劃線長度 CSS中的下劃線（underline）可以用于強調文本內容，增加可讀性。下劃線的長度也可以根據需求進行調整。下面介紹如何增加下劃線長度。 使用text-decoration屬性 text-decoration屬性可以設置文本裝飾，包括下劃線、刪除線和文本加粗等。在下劃線樣式中，我們可以使用text-decoration-line屬性設置下劃線的樣式。 例如，要設置一條長度為2個字符的下劃線，可以使用以下代碼：

p{
text-decoration-line: underline;
text-underline-offset: 2px;
}

其中，text-underline-offset屬性表示下劃線的偏移量，可以改變下劃線的長度。這里設置為2px，就是讓下劃線向下偏移2個像素。 使用border-bottom屬性 除了text-decoration屬性，我們也可以使用border屬性設置下劃線樣式。在這種情況下，我們使用border-bottom屬性來設置下劃線。 例如，要設置一條長度為2個字符的下劃線，可以使用以下代碼：

p{
border-bottom: 1px solid black;
padding-bottom: 2px;
}

其中，border-bottom屬性設置下劃線的樣式和寬度，padding-bottom屬性設置文本與下劃線的距離。這里設置為2px，就是讓下劃線距離文本底部有2個像素的空白。 結論 以上兩種方法可以實現調整下劃線長度的效果。在實際應用中，我們可以根據需要選擇合適的方法來實現下劃線的樣式和長度。