一般有两种方法：
一、通过CSS下划线代码：text-decoration:underline来设置文字下划线。
实例演示如下：
1、实例代码如下：
此时页面效果如下：
2、修改第1步中的txt样式，加入text-decoration:underline。
此时页面效果如下，出现了下划线。
二、通过设置div的border实现效果：
实例演示如下：
在第一种方法的初始代码上，增加border-bottom: 1px solid black、padding-bottom: 10px两个关键样式，如下：
此时页面效果如下：
a:link 问题出现在这句！a:link 是链接初始状态效果。但是你点击过链接之后的样式你没有设置（a:visited），所以会链接会出现颜色和下划线。
想要避免这种情况，可以写成 a
文本没有换行，那就用border-bottom设置一个下面的边框，当然，你得控制这个div的padding来控制下划线与文本的距离。如果文本有换行，那这个div得设置background，用一个线的图片作为背景平铺。比方字号是12px，行高是20px，那么这个图片就要做成高度也是20px。理解吗？
![[JS] 有符号整数的位操作](/aiimages/%5BJS%5D+%E6%9C%89%E7%AC%A6%E5%8F%B7%E6%95%B4%E6%95%B0%E7%9A%84%E4%BD%8D%E6%93%8D%E4%BD%9C.png)
![用JAVA产生[0,1]均匀分布的随机数 要算法](/aiimages/%E7%94%A8JAVA%E4%BA%A7%E7%94%9F%5B0%2C1%5D%E5%9D%87%E5%8C%80%E5%88%86%E5%B8%83%E7%9A%84%E9%9A%8F%E6%9C%BA%E6%95%B0+%E8%A6%81%E7%AE%97%E6%B3%95.png)
