文字下的横线是怎么实现的

img


这个文字下面的横线是怎么实现的，就文字的上下横线就，解答，不会呀，搜了这么久，谢谢大家帮忙

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>下划线</title>
<style>
.line{text-decoration:underline}
 </style>
</head>
 <body>
<div class="line">我被加下划线</div>
</body>
</html>

最简单的就是加个u标签，
css的话可以加text-decoration:underline
或者通过背景增加类似稿纸那种，具体可以参考这个
https://blog.csdn.net/weixin_44093204/article/details/125097687?spm=1001.2014.3001.5502

加个样式就行 text-decoration:underline