HTML文字下划线的设置

HTML文字下划线怎么设置？很简单，用一个css样式就可以了。下面来看一下。

01

先在html里创建一段文字。

02

这时我们运行页面，可以看到这段文字并没有下划线的。

03

要添加下划线，我们添加一段css代码就行了，代码如下 text-decoration: underline。

04

再次运行页面，可以看到现在的文字就已经有了下划线了。

1、新建html文档，在html文档的bady标签中添加一个a标签，然后为这个标签添加“href”属性和属性值：

2、将编辑好的代码保存，然后用浏览器打开html文档，这时可以在网页中看到a标签的下划线：

3、添加style标签，然后为a标签设置“text-decoration:none”css样式，刷新浏览器，这时浏览器中的下划线就会被去掉：

一般有两种方法：

一、通过CSS下划线代码：text-decoration:underline来设置文字下划线。

实例演示如下：

1、实例代码如下：

此时页面效果如下：

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

此时页面效果如下，出现了下划线。

二、通过设置div的border实现效果：

实例演示如下：

在第一种方法的初始代码上，增加border-bottom: 1px solid black、padding-bottom: 10px两个关键样式，如下：

此时页面效果如下：

---