如何在HTML中给文字添加下划线

下划线可以帮助引起文字的注意。

我们使用 <u>标签在 HTML 中给文字添加下划线。它表示网页内容中的某段文字以与其他文字不同的样式呈现。

我们还可以使用 style 属性来给文字添加下划线。该属性为元素指定了内联样式。该属性用于 HTML<p>标签中，并搭配 CSS的text-decoration属性一起使用。

语法

以下是在HTML中给文字添加下划线的语法。

<u>The content to be underlined</u>

示例

下面是一个在HTML中下划线文本的例子程序。

<!DOCTYPE html>
<html>
<head>
</head>
<body>
   <p>DLF stands for <u>Delhi Land and Finance </u>.
   <br> Delhi Land and Finance is one of the largest commercial real estate developer in India.</p>
</body>
</html>

示例

在下面的示例中，我们在<h1>元素内的文本下面加下划线。

<!DOCTYPE html>
<html>
<head>
   <title>HTML u tag</title>
</head>
<body>
   <h1><u>we are underlining the text inside the '<h>' element.</u></h1>
</body>
</html>

在行内CSS中给文本添加下划线

使用CSS属性给文本添加下划线。此属性在<p>标签内使用。

语法

以下是使用CSS属性给文本添加下划线的语法。

<p style="text decoration:underline;">The content to be underlined</p>

示例

以下是使用CSS属性添加下划线的示例程序。

<!DOCTYPE html>
<html>
<head>
</head>
<body>
   <p>DLF stands for</p><p style="text-decoration:underline;">Delhi Land and Finance. </p>
   <p> Delhi Land and Finance is one of the largest commercial real estate developer in India.</p>
</body>
</html>