Html 如何在CSS中使边框底部与文本重叠？

我试着在一个单词上加上厚厚的下划线，并与上面的单词重叠，有点像一个带负片的下划线。就像“maygha”这个词在

这就是我现在拥有的：

span{
边框底部：16px实心#a2c1f5；
}

---

你好<我是玛雅简单地说，像这样使用：：after

h1{
字号：2rem；
}
h1跨度{
显示：内联块；
位置：相对位置；
}
h1 span：：之后{
内容：''；
位置：绝对位置；
底部：20%；
左：0；
高度：.5雷姆；
宽度：100%；
背景：红色；
z指数：-1；
}

---

你好<我是玛雅简单地说，像这样使用：：after

h1{
字号：2rem；
}
h1跨度{
显示：内联块；
位置：相对位置；
}
h1 span：：之后{
内容：''；
位置：绝对位置；
底部：20%；
左：0；
高度：.5雷姆；
宽度：100%；
背景：红色；
z指数：-1；
}

---

你好<我是玛雅我会将

span

的

内联块

与使用

em

s调整其相对于字体大小的高度相结合

span{
边框底部：10px实心rgba（0,0,255,5）；
显示：内联块；
高度：0.7em；
}

我的文字

我会将

span

的

内联块

与使用

em

s调整其相对于字体大小的高度相结合

span{
边框底部：10px实心rgba（0,0,255,5）；
显示：内联块；
高度：0.7em；
}

我的文字

一种方法是通过

box shadow

，您可以在下面的代码段中看到这一点。缺点是需要为阴影的颜色指定alpha分量

span{
框阴影：插入0-10px 0 rgba（0,0,0,5）
}

---

你好<我是玛雅这样做的一种方法是通过

box shadow

，您可以在下面的代码段中看到这一点。缺点是需要为阴影的颜色指定alpha分量

span{
框阴影：插入0-10px 0 rgba（0,0,0,5）
}

---

你好<我是玛雅使用负数

边距底部

，使跨度的“hitbox”更高。现在，您的

边框底部

可以触摸文本。请使用负数

边距底部

，使跨度的“hitbox”更高。现在您的

边框底部

可以触摸文本了。谢谢！如何更改背景的位置（将其移高/移低）？您可以使用底部、顶部和变换。。。现在，你可以看到我改变底部20%谢谢！如何更改背景的位置（将其移高/移低）？您可以使用底部、顶部和变换。。。现在，你可以看到我改变了底部20%