見出しに下線を引くスタイリッシュな方法（border-bottom）

シンプルな下線にデザインを加えることで、印象的な見出しを作れます。
border-bottomを利用します。

CSS

display を inline-block にすることで横幅が要素に合うようになります。

応用：グラデーションの下線

グラデーションの場合は、border-imageを使用します。