Html H2标记下划线为粗体和细体

我需要CSS方面的帮助。我想设置h2标记元素下划线的样式

预览（我需要的）：

---

您可以使用

:before

:pseudo元素来执行此操作

h2跨度{
位置：相对位置；
颜色：842990；
字号：100；
边框底部：1px纯黑；
}
h2跨度：之前{
内容：''；
位置：绝对位置；
宽度：35%；
高度：5px；
底部：-3px；
左：0；
背景色：黑色；
}

---

快速笔记

谢谢。。。如何：在pseudo工作之前？