【CSS】文字の下半分にマーカー線を引く
CSSで文字の下半分にマーカー線を引く方法をサクッとご紹介！
目次
文字の下半分にマーカー線を引く
表示例
Bタグで囲んだ部分だけマーカー線が引かれます。
コード
HTML
|
1 2 3 |
<p><b>Bタグで囲んだ部分だけ</b>マーカー線が引かれます。</p> |
CSS
|
1 2 3 4 5 |
b { background-image: linear-gradient(transparent 60%, #bcfa89 60%); } |
補足
60%の部分を変更することで、マーカーの太さを変更#bcfa89の部分を変更することで、色を変更