在HTML中，我们可以使用CSS来给文字添加下划线，这主要涉及到CSS的text-decoration属性，该属性用于设置文本的装饰效果，包括下划线、上划线、删除线等。
1. 直接使用CSS样式
最简单的方式是直接在HTML元素中使用内联CSS样式，如果你想给一个段落（<p>）添加下划线，你可以这样做：
<p style="text-decoration: underline;">这是一段带下划线的文字。</p>
在这个例子中，text-decoration: underline;就是设置文本装饰为下划线的CSS样式。
2. 使用类样式
另一种方式是使用CSS类样式，你需要在CSS文件中定义一个类，然后在这个类中设置text-decoration属性为underline，你可以在HTML元素中使用这个类来给文字添加下划线。
你可以在CSS文件中定义一个名为.underline的类：
.underline {
text-decoration: underline;
}
你可以在HTML元素中使用这个类：
<p class="underline">这是一段带下划线的文字。</p>
3. 使用ID样式
你也可以使用CSS ID样式来给文字添加下划线，你需要在CSS文件中定义一个ID，然后在这个ID中设置text-decoration属性为underline，你可以在HTML元素中使用这个ID来给文字添加下划线。
你可以在CSS文件中定义一个名为underline的ID：
underline {
text-decoration: underline;
}
你可以在HTML元素中使用这个ID：
<p id="underline">这是一段带下划线的文字。</p>
4. 使用伪类样式
你还可以使用CSS伪类来给特定状态的文字添加下划线，你可以使用:hover伪类来给鼠标悬停时的文字添加下划线：
p:hover {
text-decoration: underline;
}
在这个例子中，当鼠标悬停在段落上时，段落的文字就会显示为带下划线的状态。
5. 使用JavaScript动态添加下划线
你也可以使用JavaScript来动态地给文字添加下划线，你可以使用JavaScript的DOM操作方法来获取元素，然后修改元素的style.textDecoration属性。
你可以使用以下JavaScript代码来给一个段落添加下划线：
var p = document.getElementById('myParagraph');
p.style.textDecoration = 'underline';
在这个例子中，document.getElementById('myParagraph')是用来获取ID为myParagraph的元素，然后p.style.textDecoration = 'underline'是用来给这个元素的文字添加下划线。
相关问题与解答：
问题1：如何在HTML中取消文字的下划线？
答：你可以通过将text-decoration属性设置为none来取消文字的下划线，你可以使用以下CSS代码来取消一个段落的下划线：p { text-decoration: none; }，或者，如果你使用的是内联样式或类样式，你可以将text-decoration属性设置为空字符串：style="text-decoration: none;"或class="noUnderline"，然后在你的CSS文件中定义这个类：.noUnderline { text-decoration: none; }。
问题2：如何在HTML中只给一部分文字添加下划线？
答：你可以通过给这部分文字包裹在一个HTML元素中，然后对这个元素应用上述的方法来给这部分文字添加下划线，你可以使用以下HTML代码来给一部分文字添加下划线：<span class="underline">这是一段带下划线的文字。</span>，在这个例子中，只有被包裹在<span>元素中的部分文字会显示为带下划线的状态。
