行ではなくテキストの背景にだけ色を敷くデモ。

普通にspanでbackground-color指定

1行だけのテキスト

複数行のテキストの場合はどうかな?改行してもちゃんとなっていてほしいな?どうかな?

改行部分右端にpaddingが効かないですね。。

1行だけのテキスト

複数行のテキストの場合はどうかな?
改行してもちゃんとなっていてほしいな?
どうかな?

spanにdisplay:inline-blockをかける場合は、文節ごとにspanを分けてbrで改行かけるパターンかな

filterでdrop-shadow

1行だけのテキスト

複数行のテキストの場合はどうかな?改行してもちゃんとなっていてほしいな?どうかな?

まぁ、ぼかしですね

1行だけのテキスト

複数行のテキストの場合はどうかな?改行してもちゃんとなっていてほしいな?どうかな?

太字でちょいズラしのボカシ無しならタイポグラフィ的にも使えるかな
ところでテキスト選択するとそれにもfilterかかるの面白いですね

linear-gradientでマーカーっぽく

1行だけのテキスト

複数行のテキストの場合はどうかな?改行してもちゃんとなっていてほしいな?どうかな?

シンプルに実装できる。paddingを設定する場合、行間やインデントの調整する必要有り

1行だけのテキスト

複数行のテキストの場合はどうかな?改行してもちゃんとなっていてほしいな?どうかな?

全体にかけてるとbackgrround-colorと変わらないので、ちょっと細くしてみました

単語ごとにspan区切りで疑似要素で背景色を敷く

1行だけのテキスト

複数行のテキストの場合はどうかな?改行してもちゃんとなっていてほしいな?どうかな?

改行位置を気にする場合もOK。任意の単語ごとにspan区切りする必要があるので、ソースが汚くなるのが個人的にちょっと・・