H2标签下划线，粗体和薄

Question

我需要CSS帮助。我想将h2标签元素加下划线。

预览（我需要的）：

Answer 1

您可以使用:before：pseudo-element来执行此操作。

＆＃13;

＆＃13;

h2 span {
  position: relative;
  color: #842990;
  font-weight: 100;
  border-bottom: 1px solid black;
}
h2 span:before {
  content: '';
  position: absolute;
  width: 35%;
  height: 5px;
  bottom: -3px;
  left: 0;
  background-color: black;
}

＆＃13;

<h2><span>QUICK NOTES</span></h2>

＆＃13;

＆＃13;

＆＃13;