在網頁設計中，通常需要在文本下方添加下劃線來起到強調作用。而如果使用html標簽來實現下劃線，很容易出現不同瀏覽器之間的顯示效果不一致的情況。

為了解決這個問題，CSS提供了兩種不同的方法來實現文本下方的下劃線。方法一是使用text-decoration屬性，將下劃線添加在文本之下：

p{
text-decoration:underline;
}

方法二是使用border-bottom屬性，將下劃線作為一個邊框來添加：

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

這兩種方法的效果基本相同，但是第二種方法可以更靈活地控制下劃線的寬度、顏色和樣式。例如，可以將下劃線改為虛線或點線：

p{
border-bottom:1px dashed black;
}

或者將下劃線改為雙線：

p{
border-bottom:3px double black;
}

還可以使用CSS的偽元素來實現在文本下方添加下劃線的效果：

p::after{
content:"";
display:block;
border-bottom:1px solid black;
}

在這個例子中，使用了p元素的偽元素::after，將一個空的塊狀內容插入到元素的后面，并添加了下劃線的樣式。

總的來說，使用CSS實現文本下方的下劃線比使用HTML標簽更加靈活且兼容性更好，是網頁設計中常用的技巧。