<h2>見出しのサンプル</h2>
アンダーラインの色が変わる見出し
h2 {
  border-bottom: solid 3px #f2e391;
  position: relative;
}

h2:after {
  position: absolute;
  content: " ";
  display: block;
  border-bottom: solid 3px #f7ad01;
  bottom: -3px;
  width: 20%;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.