個人的に見た目が気に入ってる下線引く方法 - Qiita

<p> このクラス当てたら、<span class="underline">underlineと違って太さも変えられる</span>し、蛍光ペンみたいで好き。 </p> p span.underline{ display:inline-block; box-shadow:0 -10px 0 -4px rgba(255,0,0,0.4) inset; /* ↑ ここのサイズ変えたら色々 */ } Register as a new user and use Qiita more conveniently You get articles that match your needsYou can efficiently read back useful informationYou can use dark themeWhat you can do with signing up

[ksaito54]

スマホで2行表示になるとアウトになった。2行にわたっては表示されず2行目に線が引かれてはみ出るだけなので注意。background:linear-gradient(transparent 70%, pink 70%); にしたら解決。

[AmaiSaeta]

ああそうか、今だとborder使わないでもいけるのか？もしかしたら（対応規格が「勧告」になってない点を除けば）。

[kitokitoki]

「個人的に見た目が気に入ってる下線引く方法」