<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%;
}
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.