当前位置:Gxlcms > html代码 > 如何在文字下面添加下划线

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

时间:2021-07-01 10:21:17 帮助过:305人阅读

给文字添加下划线的方法有:直接使用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网其它相关文章!

人气教程排行