【CSS】文字の下半分にマーカー線を引く

どうも!会社を辞めたいJavaプログラマ、函南助教授ことカンナミユート(@yuuto_kannami )です。

【CSS】文字の下半分にマーカー線を引く

CSSで文字の下半分にマーカー線を引く方法をサクッとご紹介!

スポンサーリンク


文字の下半分にマーカー線を引く

表示例

Bタグで囲んだ部分だけマーカー線が引かれます。

コード

HTML

CSS

補足
  • 60%の部分を変更することで、マーカーの太さを変更
  • #bcfa89の部分を変更することで、色を変更

スポンサーリンク