【CSS】文字の下半分にマーカー線を引く
![【CSS】文字の下半分にマーカー線を引く](https://i2.wp.com/program-index.yuuto-kannami.com/wp-content/uploads/2018/09/css-text-marker.jpg?fit=1104%2C738&ssl=1)
CSSで文字の下半分にマーカー線を引く方法をサクッとご紹介!
文字の下半分にマーカー線を引く
表示例
Bタグで囲んだ部分だけマーカー線が引かれます。
コード
HTML
<p><b>Bタグで囲んだ部分だけ</b>マーカー線が引かれます。</p>
CSS
b { background-image: linear-gradient(transparent 60%, #bcfa89 60%); }
補足
60%
の部分を変更することで、マーカーの太さを変更#bcfa89
の部分を変更することで、色を変更