如何在文字下面添加下划线

给文字添加下划线的方法有：直接使用html标签中的<u></u>标签可实现下划线效果，还可以使用CSS样式中的text-decoration属性中的underline实现效果

我们可以通过使用div和CSS代码给文字添加下划线样式。接下来在文章中将为大家具体介绍如何实现这一效果，具有一定的参考作用，希望对大家有所帮助

【推荐课程： HTML教程、 CSS教程】

使用html下划线标签

在html标签中对需要加下划线的文字加<u></u>即可实现加下划线样式

例：

<body>
	<p>无下划线：PHP中文网</p>
	<p>有下划线：<u>PHP中文网</u></p>
</body>

效果图：

CSS样式实现下划线样式

可以通过CSS样式中的 text-decoration:underline 属性来实现下划线效果

<body>
	<p>无下划线：PHP中文网</p>
	<p style="text-decoration: underline;">有下划线：PHP中文网</p>
</body>

效果图：

总结：以上就是本篇文章的全部内容了，希望对大家有所帮助

以上就是如何在文字下面添加下划线的详细内容，更多请关注Gxl网其它相关文章！

声明：本文来自网络，不代表【好得很程序员自学网】立场，转载请注明出处：http://www.haodehen.cn/did70412

更新时间：2022-10-19 阅读：55次