我有个问题.我想和导师一起编辑一篇课文.然而，我想让它更弯曲一些.我的下划线很直.是否有一个选项可以使下划线更加弯曲，如示例图片中所示？这样看起来更人性化一些.
.here {
position: relative;
}
.here::after {
content: " ";
left: 0;
right: 0;
position: absolute;
bottom: 1px;
height: 25%;
background-color: #9bffb0a6;
z-index: 0;
border-radius: 2px;
color: black;
}<h1>Hello this a <span class="here">text</span></h1>
您可以将边框 colored颜色 分割为4条边中的3条边是透明的，并将第4条边作为实际 colored颜色 ，创建某种伪弯曲效果
.here {
position: relative;
font-size: 80px;
}
.here::after {
content: "";
position: absolute;
bottom: -15px;
left: -7px;
height: 10px;
width: 100%;
z-index: -1;
border: solid 8px #9bffb0;
border-color: #9bffb0a6 transparent transparent transparent;
border-radius: 100%;
}<h1>Hello this a <span class="here">text</span></h1>