在前端開發中，<CSS>是一個很重要的部分，它可以控制HTML中的類、標簽、ID等元素的樣式，使HTML頁面看起來更加美觀。在這里，我們將學習如何使用<CSS>來給文字下面加上下劃線。

p {
text-decoration: underline;
}

以上代碼是最基礎的給文字下劃線的方法，我們只需要在<CSS>中給p標簽添加text-decoration: underline;即可。為了清晰明了，在文本的開頭添加pre標簽，表示這是代碼塊，可以更好地進行展示。

p {
text-decoration: underline;
text-decoration-color: #000;
text-underline-position: under;
}

上面的代碼演示了加下劃線的多種樣式，其中text-decoration-color可以設置下劃線的顏色，text-underline-position可以設置下劃線的放置位置。這些樣式可以根據實際需要調整，以獲得更佳的視覺效果。

在<CSS>中，我們可以通過:hover偽類來實現懸浮時有不同的下劃線效果。

p:hover {
text-decoration: underline overline;
}

上面的代碼表示在鼠標懸浮在p標簽上時加上overline樣式，即上劃線。

總而言之，<CSS>中給文字加下劃線只需要添加一個樣式text-decoration: underline;即可，同時可以通過text-decoration-color、text-underline-position等樣式進行微調。此外，通過:hover偽類也可以實現特殊的下劃線效果。