HTML为文本提供了不同的样式选项。给HTML文本加下划线就是其中之一。简单的下划线将在文本下面画一条直线，而不占用下面的线。在本教程中，我们将学习如何使用标记、CSS代码、CSS类为HTML文本加下划线，并设置下划线属性和替代项。
用标记给文本加下划线
HTML提供标记，以便在HTML中为给定文本加下划线 是下划线的开始标记，用于设置下划线的结束。下划线标记可以用于不同的文本类型，如超链接、粗体文本等。在下面的示例中，我们将为单个单词、完整句子或超链接加下划线。所有主流浏览器都支持或下划线HTML标记，如Google Chrome、Mozilla Firefox、Microsoft Edge、Safari或Opera。
HTML Text Underline Example
I like poftut.com
I like poftut.com
I like poftut.com
![图片[1]-带示例的HTML下划线标记教程-yiteyi-C++库](https://www.yiteyi.com/wp-content/uploads/2020/07/poftut_image-22.png)
带CSS文本装饰属性的下划线文本
CSS提供 text-decoration 属性，以便为不同的HTML元素加下划线。我们可以使用文本装饰属性来给HTML文本加下划线。文本装饰样式属性可以与不同的HTML标记或元素一起使用。在下面的示例中，我们使用标记来选择文本并为其加下划线。
HTML Text Underline Example
I like poftut.com
I like poftut.com
I like poftut.com
![图片[2]-带示例的HTML下划线标记教程-yiteyi-C++库](https://www.yiteyi.com/wp-content/uploads/2020/07/poftut_image-23.png)
设置文本下划线颜色和样式
在某些情况下，仅仅给HTML文本加下划线可能是不够的。我们也可以改变下划线的颜色或样式。CSS属性 text-decoration 可以使用标记或不使用它来设置下划线的样式和颜色。下面我们将提供的HTML文本下划线颜色为红色，绿色和样式为波浪，虚线，虚线，双。
wavy 样式将创建一条非直线的线，其中的线将像波浪一样呈波浪状。
dashed 样式将创建虚线下划线。
dotted 样式类似于虚线，但点会更小。
double 样式将在默认为单下划线的位置放置两个下划线。
红色和虚线下划线可用于表示拼写、语法或一般错误。阿尔索 dotted
HTML Text Underline Example
I like poftut.com
I like poftut.com as wavy
I like poftut.com as wavy
I like poftut.com as dashed
I like poftut.com as wavy
I like poftut.com as wavy
![图片[3]-带示例的HTML下划线标记教程-yiteyi-C++库](https://www.yiteyi.com/wp-content/uploads/2020/07/poftut_image-25.png)
对HTML文本下划线使用CSS类
一次又一次地编写每一个带下划线的CSS代码是不好的工作。CSS类可以为不同的下划线用例创建，这个类可以用于HTML文本下划线和其他HTML标记。在下面的示例中，我们将创建不同的CSS类，如underline red、underline green，以轻松创建文本下划线。
HTML Text Underline Example
I like poftut.com
I like poftut.com
![图片[4]-带示例的HTML下划线标记教程-yiteyi-C++库](https://www.yiteyi.com/wp-content/uploads/2020/07/poftut_image-26.png)
![关于”PostgreSQL错误：关系[表]不存在“问题的原因和解决方案-yiteyi-C++库](https://www.cppku.com/wp-content/themes/zibll/img/thumbnail.svg)
