如何在HTML中添加下横线

下横线在HTML中有多种应用场景，比如划分页面结构、表示删除的文本等。本文将介绍如何使用HTML标签添加下横线。

使用<hr>标签添加下横线

<hr>标签是HTML中用于添加水平线的标签，也可以用于添加下横线。

语法格式：
<hr>

效果如下：

如果需要设置下横线的样式和属性，可以使用<hr>标签的属性进行设置。以下是<hr>标签的属性列表：

• align：水平线的对齐方式
• color：设置水平线的颜色
• size：设置水平线的粗细
• width：设置水平线的宽度
• noshade：是否显示水平线的阴影

例如，想要添加一条红色、宽度为3个像素的下横线可以按照如下代码进行设置：

语法格式：
<hr color=\"red\" size=\"3\">

效果如下：

使用<u>标签添加下横线

<u>标签是HTML中用于添加下划线的标签，但是该标签同样可以用于添加下横线。

语法格式：
<u>文本内容</u>

效果如下：

如果需要设置下横线的样式和属性，可以使用CSS样式进行设置。以下是可以设置的CSS属性列表：

• text-decoration：用于指定文本修饰方式的属性
• color：用于指定文本颜色的属性
• border-bottom：用于指定文本下方边框的属性
• outline：用于指定文本边框样式的属性

例如，想要添加一条带有虚线边框的下横线可以按照如下代码进行设置：

语法格式：
<u style=\"border-bottom: 1px dashed black\">文本内容</u>

效果如下：

总结

通过上述两种方法均可以在HTML中添加下横线。如果只需要简单的下横线，可以使用<hr>标签添加，如果需要更加复杂的样式，可以利用CSS样式进行设置。

需要注意的是，在HTML5中，<u>标签已经移除了，建议在使用时使用CSS样式进行设置。

是本文关于如何在HTML中添加下横线的介绍，希望可以帮助到大家。