一般有兩種方法：

一、通過CSS下劃線代碼：text-decoration:underline來設置文字下劃線。

實例演示如下：

1、實例代碼如下：

此時頁面效果如下：

2、修改第1步中的txt樣式，加入text-decoration:underline。

此時頁面效果如下，出現了下劃線。

二、通過設置div的border實現效果：

實例演示如下：

在第一種方法的初始代碼上，增加border-bottom:1pxsolidblack、padding-bottom:10px兩個關鍵樣式，如下：

此時頁面效果如下：

1、新建文件，創建文字下劃線。

2、效果如圖，是不是覺得文字和下劃線離得太近了。

3、創建一行文字為span設置樣式。

4、效果如圖，文字和下劃線的距離是不是好多了。

5、還可以設置下劃線的顏色。

6、效果如圖。

7、還可以設置下劃線的樣式。

8、效果如圖。

擴展資料：

層疊樣式表(英文全稱：CascadingStyleSheets)是一種用來表現HTML（標準通用標記語言的一個應用）或XML（標準通用標記語言的一個子集）等文件樣式的計算機語言。CSS不僅可以靜態地修飾網頁，還可以配合各種腳本語言動態地對網頁各元素進行格式化。

CSS能夠對網頁中元素位置的排版進行像素級精確控制，支持幾乎所有的字體字號樣式，擁有對網頁對象和模型樣式編輯的能力。