見出し全体の下方にボーダーラインがひかれ、テキストの幅分だけ、太いアンダーラインを入れるという見出し飾りです。
※使用するブラウザによっては、若干見え方は異なります。
見出し全体の下方にボーダーラインがひかれ、テキストの幅分だけ、太いアンダーラインを入れるという見出し飾りです。
※使用するブラウザによっては、若干見え方は異なります。
<style>
#content_area h1{
text-decoration: underline solid #F7B31D .25em ;
}
#content_area h2{
line-height: 1.0 !important;
padding-bottom: .25em;
text-decoration: underline solid #333 calc(.25em + 2px);
border-bottom: 2px solid #333;
box-sizing: border-box;
}
#content_area h3{
border-bottom: 3px solid #333;
}
</style>
