一般有两种方法：
一、通过CSS下划线代码：text-decoration:underline来设置文字下划线。
实例演示如下：
1、实例代码如下：
此时页面效果如下：
2、修改第1步中的txt样式，加入text-decoration:underline。
此时页面效果如下，出现了下划线。
二、通过设置div的border实现效果：
实例演示如下：
在第一种方法的初始代码上，增加border-bottom: 1px solid black、padding-bottom: 10px两个关键样式，如下：
此时页面效果如下：
div 如果文字有多行，行间距设置的具体操作步骤如下：
1、首先我们新建一个HTML文件。
2、然后我们在html文件里创建p标签和文本。
3、如图展示预览效果可以看出此时多行文字行间距并不统一。
4、然后我们使用数值来设置行间距line-height: 0.5。
5、我们再使用数值来设置行间距line-height:2。
6、最后再使用数值来设置行间距line-height: 4。
7、最后运行结果如图，如此通过以上步骤即可解决div 如果文字有多行，行间距设置的问题。
CSS实现文字透明效果可以使用Opacity 属性即可满足。
CSS opacity 属性相关介绍和案例：
浏览器支持：所有浏览器都支持 opacity 属性。
定义和用法
A、opacity 属性设置元素的不透明级别。
B、默认值：1。
C、继承性：no。
D、版本：CSS3。
E、JavaScript 语法：object.style.opacity=0.5。
语法：opacity: value|inherit。
A、value：规定不透明度。从 0.0 （完全透明）到 1.0（完全不透明）。
B、应该从父元素继承 opacity 属性的值。
实例：设置 div 元素的不透明级别。
div{opacity:0.5} //透明度为0.5，半透明。注释：
A、IE8 以及更早的版本支持替代的 filter 属性。例如filter:Alpha(opacity=50)。
